美文网首页
RN的重启更新和实时更新

RN的重启更新和实时更新

作者: pjenary | 来源:发表于2018-07-20 16:12 被阅读0次

    项目集成好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();
            }
        }
    

    相关文章

      网友评论

          本文标题:RN的重启更新和实时更新

          本文链接:https://www.haomeiwen.com/subject/docqmftx.html