gpt4 book ai didi

鸿蒙 MVP+ Rxjava+Retrofit+okhttp 实现教程

转载 作者:qq735679552 更新时间:2022-09-27 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章鸿蒙 MVP+ Rxjava+Retrofit+okhttp 实现教程由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

鸿蒙 MVP+ Rxjava+Retrofit+okhttp 实现教程

前言:

各位同学大家好,有段时间没有给大家更新文章 ,最近还在学习鸿蒙开发的支持,就想着把android里面部分用到知识搬到鸿蒙里面 因为基础语言都是java 语言,所以就写了现在这教程 那么废话不多说我们正式开始 。

##效果图

鸿蒙 MVP+ Rxjava+Retrofit+okhttp 实现教程

准备工作

1 安装鸿蒙开发环境 大家可以看我之前的文章 。

需要用到的三方库

  1. //okhttp3 
  2.    implementation 'com.squareup.okhttp3:okhttp:4.2.0' 
  3.    implementation "com.squareup.okhttp3:logging-interceptor:3.10.0" 
  4.    //retrofit2 
  5.    implementation 'com.squareup.retrofit2:retrofit:2.9.0' 
  6.    implementation 'com.squareup.retrofit2:converter-gson:2.9.0' 
  7.    implementation 'com.squareup.retrofit2:adapter-rxjava3:2.9.0' 

请在build.gradle里面添加依赖然后sygn now 同步下载依赖 。

具体实现

MainAbility布局代码 。

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <DirectionalLayout 
  3.     xmlns:ohos="http://schemas.huawei.com/res/ohos" 
  4.     ohos:height="match_parent" 
  5.     ohos:width="match_parent" 
  6.     ohos:orientation="vertical"
  7.  
  8.     <Text 
  9.         ohos:id="$+id:text_fruit_tag" 
  10.         ohos:height="35vp" 
  11.         ohos:width="match_parent" 
  12.         ohos:background_element="$graphic:text_element" 
  13.         ohos:layout_alignment="left" 
  14.         ohos:text="账户" 
  15.         ohos:text_size="85" 
  16.         ohos:right_margin="20vp" 
  17.         ohos:left_margin="20vp" 
  18.         ohos:top_margin="25vp" 
  19.         ohos:text_color="#000000" 
  20.         /> 
  21.  
  22.     <TextField 
  23.         ohos:id="$+id:text_username" 
  24.         ohos:height="35vp" 
  25.         ohos:width="match_parent" 
  26.         ohos:background_element="$graphic:text_element" 
  27.         ohos:layout_alignment="left" 
  28.         ohos:text_size="50" 
  29.         ohos:right_margin="20vp" 
  30.         ohos:left_margin="20vp" 
  31.         ohos:text_color="#000000" 
  32.         ohos:top_margin="25vp" 
  33.         ohos:basement="#000099" 
  34.         ohos:hint="请输入账号" 
  35.         /> 
  36.  
  37.     <Text 
  38.         ohos:id="$+id:text_number_tag" 
  39.         ohos:height="35vp" 
  40.         ohos:width="match_parent" 
  41.         ohos:background_element="$graphic:text_element" 
  42.         ohos:layout_alignment="left" 
  43.         ohos:text="密码" 
  44.         ohos:text_size="85" 
  45.         ohos:right_margin="20vp" 
  46.         ohos:left_margin="20vp" 
  47.         ohos:text_color="#000000" 
  48.         ohos:top_margin="25vp" 
  49.         /> 
  50.  
  51.     <TextField 
  52.         ohos:id="$+id:text_password" 
  53.         ohos:height="35vp" 
  54.         ohos:width="match_parent" 
  55.         ohos:background_element="$graphic:text_element" 
  56.         ohos:layout_alignment="left" 
  57.         ohos:text_size="50" 
  58.         ohos:right_margin="20vp" 
  59.         ohos:left_margin="20vp" 
  60.         ohos:text_color="#000000" 
  61.         ohos:top_margin="25vp" 
  62.         ohos:basement="#000099" 
  63.         ohos:hint="请输入密码" 
  64.         /> 
  65.     <Button 
  66.         ohos:id="$+id:login_btn" 
  67.         ohos:width="match_parent" 
  68.         ohos:height="50vp" 
  69.         ohos:text="登录" 
  70.         ohos:background_element="$graphic:button_element" 
  71.         ohos:text_size="50" 
  72.         ohos:text_color="#FFFFFF" 
  73.         ohos:top_margin="25vp" 
  74.         ohos:right_margin="20vp" 
  75.         ohos:left_margin="20vp" 
  76.         /> 
  77. </DirectionalLayout> 

布局效果

鸿蒙 MVP+ Rxjava+Retrofit+okhttp 实现教程

我们的目的很明确 我们想拿到2个输入框的内容然后调用网络接口来实现登录的操作 业务非常简单 。

但是今天要用 MVP+ Rxjava+Retrofit+okhttp 来实现 。

网络核心部分

  • RetrofitClient 类封装
  1. package com.example.hmsrxjava_demo.net; 
  2. import java.io.IOException; 
  3.  
  4. import io.reactivex.rxjava3.annotations.NonNull; 
  5. import ohos.agp.render.render3d.BuildConfig; 
  6. import okhttp3.Interceptor; 
  7. import okhttp3.OkHttpClient; 
  8. import okhttp3.Request; 
  9. import okhttp3.Response; 
  10. import okhttp3.logging.HttpLoggingInterceptor; 
  11. import retrofit2.Retrofit; 
  12. import retrofit2.adapter.rxjava3.RxJava3CallAdapterFactory; 
  13. import retrofit2.converter.gson.GsonConverterFactory; 
  14.  
  15. /** 
  16.  * description: 
  17.  */ 
  18. public class RetrofitClient { 
  19.  
  20.     private static volatile RetrofitClient instance; 
  21.     private APIService apiService; 
  22.     private String baseUrl = "https://www.wanandroid.com"
  23.     private Retrofit retrofit; 
  24.     private OkHttpClient okHttpClient; 
  25.  
  26.     private RetrofitClient() { 
  27.     } 
  28.  
  29.     public static RetrofitClient getInstance() { 
  30.         if (instance == null) { 
  31.             synchronized (RetrofitClient.class) { 
  32.                 if (instance == null) { 
  33.                     instance = new RetrofitClient(); 
  34.                 } 
  35.             } 
  36.         } 
  37.         return instance; 
  38.     } 
  39.  
  40.     /** 
  41.      * 设置Header 
  42.      * 
  43.      * @return 
  44.      */ 
  45.     private Interceptor getHeaderInterceptor() { 
  46.         return new Interceptor() { 
  47.             @Override 
  48.             public Response intercept(@NonNull Chain chain) throws IOException { 
  49.                 Request original = chain.request(); 
  50.                 Request.Builder requestBuilder = original.newBuilder(); 
  51.                 //添加Token    如果需要添加请求头可以统一在这里添加 
  52.                  // Request.Builder requestBuilder = original.newBuilder().header("token"""); 
  53.  
  54.                 Request request = requestBuilder.build(); 
  55.                 return chain.proceed(request); 
  56.             } 
  57.         }; 
  58.  
  59.     } 
  60.  
  61.     /** 
  62.      * 设置拦截器 打印日志 
  63.      * 
  64.      * @return 
  65.      */ 
  66.     private Interceptor getInterceptor() { 
  67.  
  68.         HttpLoggingInterceptor interceptor = new HttpLoggingInterceptor(); 
  69.         //显示日志 
  70.         interceptor.setLevel(HttpLoggingInterceptor.Level.BODY); 
  71.  
  72.         return interceptor; 
  73.     } 
  74.  
  75.     public OkHttpClient getOkHttpClient() { 
  76.         if (okHttpClient == null) { 
  77.             //如果为DEBUG 就打印日志 
  78.             if (BuildConfig.DEBUG) { 
  79.                 okHttpClient = new OkHttpClient().newBuilder() 
  80.                         //设置Header 
  81.                         .addInterceptor(getHeaderInterceptor()) 
  82.                         //设置拦截器 
  83.                         .addInterceptor(getInterceptor()) 
  84.                         .build(); 
  85.             } else { 
  86.                 okHttpClient = new OkHttpClient().newBuilder() 
  87.                         //设置Header 
  88.                         .addInterceptor(getHeaderInterceptor()) 
  89.                         .build(); 
  90.             } 
  91.         } 
  92.         return okHttpClient; 
  93.     } 
  94.     public APIService getApi() { 
  95.         //初始化一个client,不然retrofit会自己默认添加一个 
  96.         if (retrofit == null) { 
  97.             retrofit = new Retrofit.Builder() 
  98.                     //设置网络请求的Url地址 
  99.                     .baseUrl(baseUrl) 
  100.                     //设置数据解析器 
  101.                     .addConverterFactory(GsonConverterFactory.create()) 
  102.                     //设置网络请求适配器,使其支持RxJava与RxAndroid 
  103.                     .addCallAdapterFactory(RxJava3CallAdapterFactory.create()) 
  104.                     .client(getOkHttpClient()) 
  105.                     .build(); 
  106.         } 
  107.         //创建—— 网络请求接口—— 实例 
  108.         if (apiService==null){ 
  109.             apiService = retrofit.create(APIService.class); 
  110.         } 
  111.         return apiService; 
  112.     } 

我们写了一个单例来获取 RetrofitClient 实力并且设置的了请求头 handler 和设置OKHTTP 日志拦截器 。

然后定义了 getApi 方法来获取 APIService 的实例 。

  • RxScheduler

RXjava 线程调度 。

  1. package com.example.hmsrxjava_demo.net; 
  2.  
  3. import com.example.hmsrxjava_demo.HarmonySchedulers; 
  4. import org.reactivestreams.Publisher; 
  5. import io.reactivex.rxjava3.core.Flowable; 
  6. import io.reactivex.rxjava3.core.FlowableTransformer; 
  7. import io.reactivex.rxjava3.core.Observable; 
  8. import io.reactivex.rxjava3.core.ObservableSource; 
  9. import io.reactivex.rxjava3.core.ObservableTransformer; 
  10. import io.reactivex.rxjava3.schedulers.Schedulers; 
  11. /** 
  12.  * description:RXjava 线程调度 
  13.  */ 
  14. public class RxScheduler { 
  15.     /** 
  16.      * 统一线程处理 
  17.      * 
  18.      * @param <T> 指定的泛型类型 
  19.      * @return FlowableTransformer 
  20.      */ 
  21.     public static <T> FlowableTransformer< T, T> Flo_io_main() { 
  22.         return new FlowableTransformer<T, T>() { 
  23.             @Override 
  24.             public Publisher<T> apply(Flowable<T> upstream) { 
  25.                 return upstream.subscribeOn(Schedulers.io()) 
  26.                         .observeOn(HarmonySchedulers.mainThread()); 
  27.             } 
  28.         }; 
  29.     } 
  30.  
  31. /*    * 
  32.      * 统一线程处理 
  33.      * 
  34.      * @param <T> 指定的泛型类型 
  35.      * @return ObservableTransformer*/ 
  36.     public static <T> ObservableTransformer<T, T> Obs_io_main() { 
  37.         return new ObservableTransformer<T, T>() { 
  38.             @Override 
  39.             public ObservableSource<T> apply( Observable<T> upstream) { 
  40.                 return upstream.subscribeOn(Schedulers.io()) 
  41.                         .observeOn(HarmonySchedulers.mainThread()); 
  42.             } 
  43.         }; 
  44.     } 

这里代码就参考了 安卓里面 部分没有的 HarmonySchedulers.mainThread() 参考了安卓里面的自己实现了一下 。

  • APIService

处理网络请求的接口 类 所有网络请求的都写在 APIService 写法和安卓的 Retrofitle类似 。

  1. package com.example.hmsrxjava_demo.net; 
  2. import com.example.hmsrxjava_demo.bean.BaseObjectBean; 
  3. import com.example.hmsrxjava_demo.bean.LoginBean; 
  4. import io.reactivex.rxjava3.core.Observable; 
  5. import retrofit2.http.Field; 
  6. import retrofit2.http.FormUrlEncoded; 
  7. import retrofit2.http.POST; 
  8. /** 
  9.  * Description: 
  10.  */ 
  11. public interface APIService { 
  12.  
  13.     /** 
  14.      * 登陆 
  15.      * 
  16.      * @param username 账号 
  17.      * @param password 密码 
  18.      * @return 
  19.      */ 
  20.     @FormUrlEncoded 
  21.     @POST("user/login"
  22.     Observable<BaseObjectBean<LoginBean>> login(@Field("username") String username, 
  23.                                                 @Field("password") String password); 
  24.  

base类

  • BaseAbility
  1. package com.example.hmsrxjava_demo.base; 
  2. import ohos.aafwk.ability.Ability; 
  3. import ohos.aafwk.content.Intent; 
  4.  
  5. public abstract class BaseAbility  extends Ability { 
  6.  
  7.     @Override 
  8.     protected void onStart(Intent intent) { 
  9.         super.onStart(intent); 
  10.         super.setUIContent(getLayoutId()); 
  11.         initView(); 
  12.     } 
  13.  
  14.  
  15.     @Override 
  16.     protected void onStop() { 
  17.         super.onStop(); 
  18.     } 
  19.  
  20.  
  21.     /** 
  22.      * 设置布局 
  23.      * 
  24.      * @return 
  25.      */ 
  26.     public abstract int getLayoutId(); 
  27.  
  28.     /** 
  29.      * 初始化视图 
  30.      */ 
  31.     public abstract void initView(); 
  • BaseMvpAbility
  1. package com.example.hmsrxjava_demo.base; 
  2. import ohos.aafwk.content.Intent; 
  3. public abstract class BaseMvpAbility <T extends  BasePresenter>extends  BaseAbility implements  BaseView { 
  4.     protected T mPresenter; 
  5.     @Override 
  6.     protected void onStart(Intent intent) { 
  7.         super.onStart(intent); 
  8.     } 
  9.     @Override 
  10.     protected void onStop() { 
  11.         if (mPresenter != null) { 
  12.             mPresenter.detachView(); 
  13.         } 
  14.         super.onStop(); 
  15.     } 
  • BasePresenter
  1. package com.example.hmsrxjava_demo.base; 
  2. /** 
  3.  * Description: 
  4.  */ 
  5. public class BasePresenter<V extends BaseView> { 
  6.     protected V mView; 
  7.  
  8.  
  9.     /** 
  10.      * 绑定view,一般在初始化中调用该方法 
  11.      * 
  12.      * @param view view 
  13.      */ 
  14.     public void attachView(V view) { 
  15.         this.mView = view
  16.     } 
  17.  
  18.     /** 
  19.      * 解除绑定view,一般在onDestroy中调用 
  20.      */ 
  21.  
  22.     public void detachView() { 
  23.         this.mView = null
  24.     } 
  25.  
  26.     /** 
  27.      * View是否绑定 
  28.      * 
  29.      * @return 
  30.      */ 
  31.     public boolean isViewAttached() { 
  32.         return mView != null
  33.     } 
  • BaseView 。

  1. package com.example.hmsrxjava_demo.base; 
  2.  
  3. /** 
  4.  * Description: 
  5.  */ 
  6. public interface BaseView { 
  7.  
  8.     /** 
  9.      * 显示加载中 
  10.      */ 
  11.     void showLoading(); 
  12.  
  13.     /** 
  14.      * 隐藏加载 
  15.      */ 
  16.     void hideLoading(); 
  17.  
  18.     /** 
  19.      * 数据获取失败 
  20.      * @param errMessage 
  21.      */ 
  22.     void onError(String errMessage); 
  • Model 层
  1. package com.example.hmsrxjava_demo.contract; 
  2. import com.example.hmsrxjava_demo.base.BaseView; 
  3. import com.example.hmsrxjava_demo.bean.BaseObjectBean; 
  4. import com.example.hmsrxjava_demo.bean.LoginBean; 
  5. import io.reactivex.rxjava3.core.Observable; 
  6.  
  7. /** 
  8.  * Description: 
  9.  */ 
  10. public interface MainContract { 
  11.     interface Model { 
  12.         Observable<BaseObjectBean<LoginBean>> login(String username, String password); 
  13.     } 
  14.  
  15.     interface View extends BaseView { 
  16.         @Override 
  17.         void showLoading(); 
  18.  
  19.         @Override 
  20.         void hideLoading(); 
  21.  
  22.         @Override 
  23.         void onError(String errMessage); 
  24.  
  25.         void onSuccess(BaseObjectBean<LoginBean> bean); 
  26.     } 
  27.  
  28.     interface Presenter { 
  29.         /** 
  30.          * 登陆 
  31.          * 
  32.          * @param username 
  33.          * @param password 
  34.          */ 
  35.         void login(String username, String password); 
  36.     } 
  • ##model 实现层
  1. package com.example.hmsrxjava_demo.model; 
  2. import com.example.hmsrxjava_demo.bean.BaseObjectBean; 
  3. import com.example.hmsrxjava_demo.bean.LoginBean; 
  4. import com.example.hmsrxjava_demo.contract.MainContract; 
  5. import com.example.hmsrxjava_demo.net.RetrofitClient; 
  6. import io.reactivex.rxjava3.core.Observable; 
  7.  
  8. /** 
  9.  * Description: 
  10.  */ 
  11. public class MainModel  implements MainContract.Model { 
  12.     private static final String TAG = "MainModel"
  13.     @Override 
  14.     public Observable<BaseObjectBean<LoginBean>> login(String username, String password) { 
  15.         System.out.println("MainModel login 被调用"); 
  16.         return RetrofitClient.getInstance().getApi().login(username,password); 
  17.     } 
  • Presenter层 。

  1. package com.example.hmsrxjava_demo.presenter; 
  2. import com.example.hmsrxjava_demo.base.BasePresenter; 
  3. import com.example.hmsrxjava_demo.bean.BaseObjectBean; 
  4. import com.example.hmsrxjava_demo.bean.LoginBean; 
  5. import com.example.hmsrxjava_demo.contract.MainContract; 
  6. import com.example.hmsrxjava_demo.model.MainModel; 
  7. import com.example.hmsrxjava_demo.net.RxScheduler; 
  8. import io.reactivex.rxjava3.annotations.NonNull; 
  9. import io.reactivex.rxjava3.core.Observer; 
  10. import io.reactivex.rxjava3.disposables.Disposable; 
  11. /** 
  12.  * Description: 
  13.  */ 
  14. public class MainPresenter extends BasePresenter<MainContract.View> implements MainContract.Presenter { 
  15.     private MainContract.Model model; 
  16.     public MainPresenter() { 
  17.         model = new MainModel(); 
  18.     } 
  19.     @Override 
  20.     public void login(String username, String password) { 
  21.         //View是否绑定 如果没有绑定,就不执行网络请求 
  22.         if (!isViewAttached()) { 
  23.             return
  24.         } 
  25.         model.login(username, password
  26.                 .compose(RxScheduler.Obs_io_main()) 
  27.                 .subscribe(new Observer<BaseObjectBean<LoginBean>>() { 
  28.                     @Override 
  29.                     public void onSubscribe(@NonNull Disposable d) { 
  30.                         mView.showLoading(); 
  31.                     } 
  32.  
  33.                     @Override 
  34.                     public void onNext(@NonNull BaseObjectBean<LoginBean> loginBeanBaseObjectBean) { 
  35.                         mView.onSuccess(loginBeanBaseObjectBean); 
  36.                         System.out.println("onNext   -----  >"); 
  37.                     } 
  38.  
  39.                     @Override 
  40.                     public void onError(@NonNull Throwable e) { 
  41.                         mView.onError(e.getMessage()); 
  42.                         mView.hideLoading(); 
  43.                     } 
  44.                     @Override 
  45.                     public void onComplete() { 
  46.                         mView.hideLoading(); 
  47.                     } 
  48.            }); 
  49.  
  50.     } 
  • MainAbility 中 具体调用 。

  1. package com.example.hmsrxjava_demo; 
  2. import com.example.hmsrxjava_demo.base.BaseMvpAbility; 
  3. import com.example.hmsrxjava_demo.bean.BaseObjectBean; 
  4. import com.example.hmsrxjava_demo.bean.LoginBean; 
  5. import com.example.hmsrxjava_demo.contract.MainContract; 
  6. import com.example.hmsrxjava_demo.presenter.MainPresenter; 
  7. import ohos.agp.components.Button; 
  8. import ohos.agp.components.Component; 
  9. import ohos.agp.components.TextField; 
  10. import ohos.agp.window.dialog.ToastDialog; 
  11.  
  12.  
  13. public class MainAbility extends BaseMvpAbility<MainPresenter>implements MainContract.View { 
  14.     private TextField textUsername, textpasswrod; 
  15.     private String username, password
  16.     private Button loginBtn; 
  17.     private MainPresenter presenter; 
  18.     @Override 
  19.     public int getLayoutId() { 
  20.         return ResourceTable.Layout_ability_main; 
  21.     } 
  22.     @Override 
  23.     public void initView() { 
  24.         textUsername= (TextField) findComponentById(ResourceTable.Id_text_username); 
  25.         textpasswrod= (TextField) findComponentById(ResourceTable.Id_text_password); 
  26.         presenter=new MainPresenter(); 
  27.         presenter.attachView(this); 
  28.         loginBtn= (Button) findComponentById(ResourceTable.Id_login_btn); 
  29.         if(loginBtn!=null){ 
  30.             loginBtn.setClickedListener(new Component.ClickedListener() { 
  31.                 @Override 
  32.                 public void onClick(Component component) { 
  33.                     System.out.println("点击登录按钮"); 
  34.                     username=textUsername.getText(); 
  35.                     password=textpasswrod.getText(); 
  36.                     if(username!=null&&password!=null){ 
  37.                         presenter.login(username,password); 
  38.                         // login(username,password); 
  39.                     }else { 
  40.                         new ToastDialog(MainAbility.this).setText("账号密码不输不能为空").show();                    } 
  41.                 } 
  42.             }); 
  43.         } 
  44.     } 
  45.     @Override 
  46.     public void onSuccess(BaseObjectBean<LoginBean> bean) { 
  47.         System.out.println(bean.getErrorCode()+bean.getErrorMsg()); 
  48.         new ToastDialog(MainAbility.this).setText(bean.getErrorCode()+bean.getErrorMsg()).show(); 
  49.     } 
  50.     @Override 
  51.     public void showLoading() { 
  52.     } 
  53.     @Override 
  54.     public void hideLoading() { 
  55.  
  56.     } 
  57.     @Override 
  58.     public void onError(String errMessage) { 
  59.     } 

到此 鸿蒙 MVP+ Rxjava+Retrofit+okhttp 实现教程 使用起来和安卓的用法非常像 我这里很多代码是复制过来 同学们可以下载完整的代码来尝试.

最后总结:

鸿蒙中MVP+ Rxjava+Retrofit+okhttp 和安卓里面基本如出一辙 只是很少地方有些诧异,同学们如果不是很熟悉 Rxjava+Retrofit+okhttp 请先去看看官方教程 还有mvp模式的不熟悉的请切翻阅我之前的文章 .

原文链接:https://harmonyos.51cto.com 。

最后此篇关于鸿蒙 MVP+ Rxjava+Retrofit+okhttp 实现教程的文章就讲到这里了,如果你想了解更多关于鸿蒙 MVP+ Rxjava+Retrofit+okhttp 实现教程的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com