React Native Android 设置自定义OkHttpClient

背景

项目需要在React Native(之后简称RN)的网络请求中写入cookie数据给服务端校验,但是RN在0.42版本后不再支持用户自定义设置OkHttpClient,所以就需要换一种方式给RN的网络请求写入cookie。

我当前环境:

RN 0.51.0

Android 16及以上

RN当中fetch请求是在NetWorkingModule 这个类中的OkHttpClient发起的,所以我们需要替换成我们自己的client,大致有以下三种方案:

1.下载RN源码修改然后编译打包

(不推荐直接修改源码,如果RN版本更新那么维护起来就比较痛苦了)

Android端的源码其实就是node modules/react-native下ReactAndroid和ReactCommon两个项目,关于怎么导入到安卓工程,有很多文章:RN源码编译1 RN源码编译2

找到 NetWorkingModule 这个类的构造方法

/**

  * @param context the ReactContext of the application

  */

  public NetworkingModule(final ReactApplicationContext context) {

   原来 this(context, null, OkHttpClientProvider.createClient(), null);

   改为 this(context, null, OkHttpClientProvider.getOkHttpClient(), null);

  }

然后设置自定义的client OkHttpClientProvider.replaceOkHttpClient(client)

2.反射设置自定义的client

虽然NetWorkingModule 中的client是final的,但是并没有在声明的时候就进行初始化,所以通过反射是可以进行设值的,由于时间原因,并没有去实践这种做法。

3.实现自定义的 MainReactPackage

由于 NetWorkingModule 是在 MainReactPackage 中初始化的,而 MainReactPackage 又是我们自己设置给 ReactInstanceManager ,所以就可以尝试继承 MainReactPackage ,重写生成 NetWorkingModule 的逻辑。需要注意的是 NetWorkingModule 的访问是包范围的,所以初始化代码也要放在对应的包下面,即com.facebook.react.modules.network

public class MyMainReactPackage extends MainReactPackage {

   @Override

   public List getNativeModules(ReactApplicationContext context) {

       List nativeModules = super.getNativeModules(context);

       return adjustModules(context, nativeModules);

   }

   private List adjustModules(ReactApplicationContext context, List moduleSpecs) {

       ArrayList modules = new ArrayList<>(moduleSpecs);

       for (int i = 0; i < modules.size(); i++) {

           ModuleSpec spec = modules.get(i);

           if (spec.getType().equals(NetworkingModule.class)) {

               modules.set(i, getCustomNetworkingModule(context));

               break;

           }

       }

       return modules;

   }

   private ModuleSpec getCustomNetworkingModule(final ReactApplicationContext context) {

       return ModuleSpec.nativeModuleSpec(

               NetworkingModule.class,

               new Provider() {

                   @Override

                   public NativeModule get() {

                       return NetworkingModuleUtils.createNetworkingModuleWithCustomClient(context);

                   }

               });

   }

}

public class NetworkingModuleUtils {

   public static NetworkingModule createNetworkingModuleWithCustomClient(ReactApplicationContext context) {

       OkHttpClient client = OkHttpClientProvider.createClient();

       // ... full access to customize client

       return new NetworkingModule(context, null, OkHttpClientManager.getInstance().mOkHttpClient);

   }

}

方法1和方法3亲测可用,方法2只是一个思路,估计还会有坑,比如怎么获取 NetWorkingModule 的引用

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,958评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,403评论 25 708
  • 内心保持平静,是一种多大的能力啊!
    公子雨阅读 146评论 0 0
  • 因为项目中需要日历控件,作为一个懒惰的代码搬运工第一反应当然是去GitHub找,不过找到好看又好用的当然还是要拿出...
    暗尘随码去阅读 9,348评论 8 23
  • 两栖动物基本特征为动物幼体生活在水中,用鳃呼吸,经变态发育成用肺呼吸,皮肤辅助呼吸,水陆两栖。下列属于两栖动物的是...
    大力出奇迹大力阅读 262评论 0 0