【React Native】差量热更新(一)
来源:互联网 发布:海关出口数据 编辑:程序博客网 时间:2024/06/04 01:19
首先感谢React Native 实现热部署、差异化增量热更新提供的方案,我只是在这个方案的基础上封装了一层实用一点的diff一键生成,便于提供diff包。
OK,一言不合先来段代码。下面的代码片段是生成diff-bundle的总体流程。
public void windowsDiffCreator(String desDir,String sourceProjectDir) { //根据根路径 创建对应的文件夹 prepareDir(desDir); //清空newDir下的文件 deleteNewDirChildFiles(); //执行bundle打包命令 doReactNativeBundle(desDir, sourceProjectDir); //与old进行diff算法 //将diff目录下的文件都删除掉 deleteDiffDirChildFiles(); //生成diff所有文件 createDiff(); //删除old文件夹下所有资源 deleteOldDirChildFiles(); //将new文件夹下的所有资源copy到old中 copyNew2Old(); //压缩diff文件夹到rootDir中 ZipUtils.zipMultiFile(getDiffFileDir(),getRootDir()+"/diff.zip",false); }
根据外部传入的desDir(生成diff相关的root目录)和sourceProjectDir(project所在的目录,目的是调用bundle打包的命令)执行以下几步操作:
1、准备工作:在desDir目录下,创建如下几个文件夹
(1)、new:bundle打包命令执行后的目标路径,里面会有bundle文件、全量的资源文件
(2)、old:上一次执行完bundle打包命令后的bundle文件和全量的资源文件,目的是用作diff-bundle时的参考对比目录
(3)、diff:new和old两个文件夹对比后,生成的差量文件夹,里面存放差量的diff-bundle文件和资源的所有差量文件
2、删除new目录下的所有文件,打包前先清空new路径下的所有文件
3、执行bundle的打包命令:执行cmd命令,进入到当前project所在路径,然后执行react-native bundle命令,执行bundle打包命令
4、将生成出来的new文件夹和old文件夹进行对比,生成diff文件夹
(1)、使用google提供的diff_match_patch,对bundle进行diff处理
(2)、对全量的资源进行diff算法,目前有局限性:新的资源文件名称必须区别于旧的资源文件名称,即不能出现覆盖文件的现象
5、生成diff文件完毕后,将old文件夹清空,并将new的文件夹下所有文件copy到old文件夹下
6、对diff文件夹进行压缩处理,该压缩文件就是被放到server端,供用户下载的差量bundle文件
7、对生成的diff.zip文件进行MD5计算,生成MD5.txt,放到server端,供用户下载判断是否需要下载增量diff.zip包
下面着重介绍一下3、4两步。
先看下第三步的核心代码:
private static String BUNDLE_CMD = "cmd /c react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output %s/bundle/new/index.android.bundle --assets-dest %s/bundle/new/res/";//打bundle文件的StringFormat,目前是使用默认的index.android.js默认名称 后续可以由用户自主选择名称进行打包 private static String CD_SOURCE_PROJECT_DIR = "cmd /k cd %s";//进入项目的根路径 用于执行打包命令的StringFormat private static String CD_DISK = "cmd /k %s";//切换磁盘符的StringFormat
private void doReactNativeBundle(String desDir, String sourceProjectDir) { //由于在windows平台下进行的,首先获取磁盘符 如D: String diskDir = desDir.substring(0,2); System.out.println(diskDir); //Format切换磁盘符的标准字符串 String cmdDisk = String.format(CD_DISK,diskDir); //开启cmd process,准备执行部分命令 Runtime runtime = Runtime.getRuntime(); //Format进入到项目根路径命令 String cdCMD = String.format(CD_SOURCE_PROJECT_DIR,sourceProjectDir); //Format执行打包命令 String bundleCMD = String.format(BUNDLE_CMD,desDir,desDir); System.out.println(cdCMD); System.out.print(bundleCMD); try { runtime.exec(cmdDisk);//执行切换磁盘符命令 runtime.exec(cdCMD);//执行进入到项目根路径命令 Process p = runtime.exec(bundleCMD);//执行打bundle文件命令 BufferedReader input = new BufferedReader(new InputStreamReader(p.getInputStream(), "GBK")); String line = null; while ((line = input.readLine()) != null) { System.out.println(line); } } catch (IOException e) { e.printStackTrace(); }
接下来再看一下第四步(将新打出来的bundle文件和资源文件与上一版本的bundle文件和资源文件进行diff运算)的核心代码:
private void createDiff() { //(1)、先生成diff-bundle文件到diff下 File newBundleFile = new File(getNewFileDir(),INDEX_ANDROID_BUNDLE); if (!newBundleFile.exists()) { System.out.println("新的bundle文件没有生成"); return; } File oldBundleFile = new File(getOldFileDir(),INDEX_ANDROID_BUNDLE); File diffBundleFile = new File(getDiffFileDir(),INDEX_ANDROID_BUNDLE); if (!oldBundleFile.exists()) { //没有旧的bundle文件 创建一个空的bundle文件 进行diff处理// FileUtils.copyFile(newBundleFile.getAbsolutePath(),diffBundleFile.getAbsolutePath()); try { oldBundleFile.createNewFile(); } catch (IOException e) { e.printStackTrace(); } } //存在旧的bundle文件 进行diff算法进行处理 new BundleDiffCreator().createDiffBundle(oldBundleFile.getAbsolutePath(),newBundleFile.getAbsolutePath(),diffBundleFile.getAbsolutePath()); //(2)、生成资源的diff文件 File newResFile = new File(getNewFileDir(),RES_FILE_DIR_NAME); File oldResFile = new File(getOldFileDir(),RES_FILE_DIR_NAME); File diffResFile = new File(getDiffFileDir(),RES_FILE_DIR_NAME); if (!oldResFile.exists() || oldResFile.listFiles().length == 0) { //如果没有旧的资源文件 直接把新的资源文件夹都copy到diff下 FileUtils.copyDir(newResFile.getAbsolutePath(),diffResFile.getAbsolutePath()); } else { //如果存在旧的资源文件 进行diff运算 将不同的copy过去 for (File newRatioFile:newResFile.listFiles()) { if (newRatioFile.isDirectory()) { //100%是个directory 如mhdpi,xmhdpi...... File oldRatioFile = new File(oldResFile,newRatioFile.getName()); if (!oldRatioFile.exists()) { oldRatioFile.mkdirs(); } File[] oldRatioChildFiles = oldRatioFile.listFiles(); List<String> childFileNameList = new ArrayList<>(); for (File oldRatioChildFile:oldRatioChildFiles) { childFileNameList.add(oldRatioChildFile.getName()); } for (File newRatioChildFile : newRatioFile.listFiles()) { if (childFileNameList.contains(newRatioChildFile.getName())) { //如果包含 代表有这个文件 因为目前不允许名称相同的覆盖文件 continue; } else { File diffRatioFile = new File(diffResFile,newRatioFile.getName()); if (!diffRatioFile.exists()) { diffRatioFile.mkdirs(); } File diffChildFile = new File(diffRatioFile,newRatioChildFile.getName()); FileUtils.copyFile(newRatioChildFile.getAbsolutePath(),diffChildFile.getAbsolutePath()); } } } } } }
- 【React Native】差量热更新(一)
- 【React Native】差量热更新(二)
- react-native学习(一)
- 自学React Native(一)
- React Native 入门(一)
- React-Native 实践(持续更新)
- React-Native 热更新尝试(Android)
- React Native小经验(持续更新)
- React-Native 热更新尝试(Android)
- react-native 版本更新
- 更新react-native版本
- react native热更新
- React Native热更新
- React native热更新思路(一)之ReactNativeHost类解析【适用于Android开发者】
- React Native (一) --React 入门
- React Native学习一:初识React Native
- React Native(iOS)一、环境篇
- react native 样式初学~(一)
- 安装mysql最后一步未响应(解决方法)
- Android_WebView、RecycleView
- Mycat对MongoDB分表后Navicat访问测试问题
- vue 遮罩层阻止默认滚动事件
- jQuery删除元素方法remove(),detach(),empty()
- 【React Native】差量热更新(一)
- 纯属无聊
- JsTree的使用demo
- Java常用Json库性能对比[L]
- <spring:message>的使用方法--国际化
- Spire.Email 教程:如何删除C#,VB.NET中的电子邮件
- RTP协议简介
- c++实现快速排序
- bingo update1