项目集成好RN之后就考虑更新的问题了,有两种方案,一种是常规的自己实现bundle文件的上传,更新下载逻辑,还有就是使用第三方的,下一篇文章记录使用微软code push和在阿里云服务器私有化部署code-push-server的过程。
一:自己和服务器交互实现bundle文件更新
需要修改获取getJSBundleFile的方法
在Application里实现ReactApplication接口,获取getReactNativeHost的实例里,重写getJSBundleFile()方法
private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
@Override
public boolean getUseDeveloperSupport() {
return false;
}
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage()
);
}
@Nullable
@Override
protected String getJSBundleFile() {
File file = new File(ImgUtil.getFileByFileName(ImgUtil.DIR_TIKTOK, "index.android.bundle"));
if(file.exists()) {
return file.getAbsolutePath();
} else {
return super.getJSBundleFile();
}
}
};
@Override
public ReactNativeHost getReactNativeHost() {
return mReactNativeHost;
}
客户端下载好最新的bundle文件,退出应用重启(必须保证重新进Application才生效)
如果想实时生效需要反射修改源码调用才行:
/**
* 模拟界面进来后3秒刷新
**/
@Override
protected void onResume() {
super.onResume();
rx.Observable.timer(3, TimeUnit.SECONDS)
.subscribeOn(Schedulers.computation())
.observeOn(AndroidSchedulers.mainThread())
.subscribe(s -> {
onJSBundleLoadedFromServer(JcnApplication.getApp().getReactNativeHost().getReactInstanceManager());
//下面这种调用React的public方法不行,
// 因为里面的JSBundleLoader已经初始化好了,没有开放更新的方法,所以只能用上面的反射了
// JcnApplication.getApp().getReactNativeHost().getReactInstanceManager().recreateReactContextInBackground();
});
}
private void onJSBundleLoadedFromServer(ReactInstanceManager mReactInstanceManager) {
String JS_BUNDLE_LOCAL_PATH = ImgUtil.getFileByFileName(ImgUtil.DIR_TIKTOK, "index.android.bundle");
File file = new File(JS_BUNDLE_LOCAL_PATH);
if (file == null || !file.exists()) {
return;
}
try {
Class<?> RIManagerClazz = mReactInstanceManager.getClass();
//注释的代码是以前rn的写法,本文使用的是rn0.55.4,源码方法改了,所以有所变化
// Field f = RIManagerClazz.getDeclaredField("mJSCConfig");
// f.setAccessible(true);
// JSCConfig jscConfig = (JSCConfig)f.get(mReactInstanceManager);
Method method = RIManagerClazz.getDeclaredMethod("recreateReactContextInBackground",
JavaScriptExecutorFactory.class,
// JavaScriptExecutor.Factory.class,
JSBundleLoader.class);
method.setAccessible(true);
method.invoke(mReactInstanceManager,
new JSCJavaScriptExecutorFactory("", ""),
JSBundleLoader.createFileLoader(JS_BUNDLE_LOCAL_PATH));
// method.invoke(mReactInstanceManager,
// new JSCJavaScriptExecutor.Factory(jscConfig.getConfigMap()),
// JSBundleLoader.createFileLoader(getApplicationContext(), JS_BUNDLE_LOCAL_PATH));
} catch (NoSuchMethodException e) {
e.printStackTrace();
} catch (IllegalAccessException e) {
e.printStackTrace();
} catch (InvocationTargetException e) {
e.printStackTrace();
} catch (IllegalArgumentException e) {
e.printStackTrace();
} catch (Exception e){
e.printStackTrace();
}
}