RN的重启更新和实时更新

项目集成好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 getPackages() {
            return Arrays.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();
        }
    }

你可能感兴趣的:(RN的重启更新和实时更新)