React Native 自定义NetworkingModule网络模块

1). 思路

I. 在MainApplication中的getPackages方法中，重复添加NetworkingModule模块，后者覆盖前者。但官方的NetworkingModule中canOverrideExistingModule方法始终返回false， 故无法替换。

@Override
  public boolean canOverrideExistingModule() {
    // TODO(t11394819): Make this final and use annotation
    return false;
  }

II. 替换原有的OkHttpClient，此方法经试验过后依旧无效。。

OkHttpClient okHttpClient = OkHttpClientProvider.getOkHttpClient().newBuilder().addNetworkInterceptor(getHttpLoggingInterceptor()).build();
                    OkHttpClientProvider.replaceOkHttpClient(okHttpClient);

III. 创建MainReactPackage，并继承MainReactPackage类，实现getNativeModules方法，在getNativeModules方法中修改列表。

• 修改方法一：遍历模块列表，并判断哪一个下标的type(类型)是NetworkingModule.class, 并在重新设置当前下标的数值。出现的问题，使用自增变量遍历，效率不如迭代。
• 修改方法二：创建一个模块列表，迭代原有的模块列表，并判断type是否为NetworkingModule.class，如果是则添加自定义的，反之直接添加即可。 出现的问题：每次都有遍历所有的模块影响效率。
• **修改方法三：****将原有的模块列表拷贝为新的模块列表，迭代原有的模块列表，并判断type是否为NetworkingModule.class，如果是则先在拷贝的模块列表中移除当前项，再添加自定义的模块，完成后break跳出。

2). 代码

/**
 * 自定义的MainReactPackage工具包
 * 1. 移除了官方添加的NetworkingModule模块
 * 2. 添加了带有拦截器的自定义的NetworkingModule模块
 * 3. 添加'com.squareup.okhttp3:logging-interceptor:3.10.0'
 * 4. 实现了网络访问时的日志打印
 * Created by mazaiting on 2018/6/13.
 */

public class CustomMainReactPackage extends MainReactPackage {
  
  /**
   * 获取日志拦截器
   *
   * @return Http日志拦截器
   */
  private static HttpLoggingInterceptor getHttpLoggingInterceptor() {
    // 日志显示级别
    HttpLoggingInterceptor.Level level = HttpLoggingInterceptor.Level.BODY;
    // 新建拦截器
    HttpLoggingInterceptor loggingInterceptor = new HttpLoggingInterceptor(new HttpLoggingInterceptor.Logger() {
      @Override
      public void log(@NonNull String message) {
        // 判断是否有内容
        if (!TextUtils.isEmpty(message)) {
          // 打印日志
          Log.e("Okhttp3 =====>", message);
        }
      }
    });
    // 设置显示级别
    loggingInterceptor.setLevel(level);
    return loggingInterceptor;
  }
  
  /**
   * 重写NativeModules模块
   *
   * @param context 上下文
   */
  @Override
  public List<ModuleSpec> getNativeModules(ReactApplicationContext context) {
    List<ModuleSpec> nativeModules = super.getNativeModules(context);
    // 返回整改后的Modules列表
    return adjustModules(context, nativeModules);
  }

  /**
   * 修改系统的Modules
   *
   * @param context       上下文
   * @param nativeModules 本地模块
   * @return 模块列表
   */
  private List<ModuleSpec> adjustModules(final ReactApplicationContext context, List<ModuleSpec> nativeModules) {
    // 创建拦截器列表，NetworkInterceptorCreator在com.facebook.react.modules.network包下
    final List<NetworkInterceptorCreator> list = new ArrayList<>();
    // 添加拦截器
    list.add(new NetworkInterceptorCreator() {
      @Override
      public Interceptor create() {
        // 返回自定义的拦截器
        return getHttpLoggingInterceptor();
      }
    });
    // 创建模块列表
    List<ModuleSpec> modules = new ArrayList<>(nativeModules);
    // 遍历模块
    for (ModuleSpec moduleSpec : nativeModules) {
      // 判断是否为NetworkingModule网络模块
      if (NetworkingModule.class.equals(moduleSpec.getType())) {
        modules.remove(moduleSpec);
        // 添加自定义的网络模块
        modules.add(ModuleSpec.nativeModuleSpec(
                NetworkingModule.class,
                new Provider<NativeModule>() {
                  @Override
                  public NativeModule get() {
                    // 返回带有拦截器的NetworkingModule网络模块
                    return new NetworkingModule(context, list);
                  }
                }));
        break;
      }
    }
    return modules;
  }
}

3). kotlin版本

/**
 * 自定义的MainReactPackage工具包
 * 1. 移除了官方添加的NetworkingModule模块
 * 2. 添加了带有拦截器的自定义的NetworkingModule模块
 * 3. 添加'com.squareup.okhttp3:logging-interceptor:3.10.0'
 * 4. 实现了网络访问时的日志打印
 * Created by mazaiting on 2018/6/13.
 */
class CustomMainReactPackage : MainReactPackage() {
  
  /**
   * 获取日志拦截器
   * @return Http日志拦截器
   */
  private fun getHttpLoggingInterceptor(): HttpLoggingInterceptor {
    // 新建
    val loggingInterceptor = HttpLoggingInterceptor(
            HttpLoggingInterceptor.Logger { message: String? ->
              if (!TextUtils.isEmpty(message)) {
                Log.d("OkHttp=====>", message)
              }
            }
    )
    loggingInterceptor.level = HttpLoggingInterceptor.Level.BODY;
    return loggingInterceptor
  }
  
  override fun getNativeModules(context: ReactApplicationContext?): MutableList<ModuleSpec> {
    // 获取父类的模块
    val nativeModules = super.getNativeModules(context)
    return adjustModules(context, nativeModules)
  }
  
  /**
   * 矫正模块列表
   * @param context 上下文
   * @param nativeModules 模块列表
   */
  private fun adjustModules(context: ReactApplicationContext?, nativeModules: List<ModuleSpec>): MutableList<ModuleSpec> {
    // 创建拦截器，并添加Http拦截器
    val list = Arrays.asList(NetworkInterceptorCreator { getHttpLoggingInterceptor() })
    // 拷贝模块
    val modules = ArrayList(nativeModules)
    // 遍历
    nativeModules.forEach { moduleSpec: ModuleSpec ->
      // 判断类型
      if (NetworkingModule::class.java == moduleSpec.type) {
        // 移除当前项
        modules.remove(moduleSpec)
        // 添加新项
        modules.add(ModuleSpec.nativeModuleSpec(
                NetworkingModule::class.java,
                { NetworkingModule(context, list) }
        ))
        return@forEach
      }
    }
    return modules
  }
}