【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());                        }                    }                }            }        }    }
原创粉丝点击