一、目标

React Native热更新就是下载新RN包替换老RN包，那么我们需要考虑的点就是增量更新，要达到增量更新的目的，就需要把老RN包与新RN包的差异找出来，并且可以将这些差异与老RN包还原出新RN包。bsdiff和bspatch相关技术能实现我们的目标。

二、基本流程

1、服务器

使用bsdiff算法将老RN包和新RN包生成一个补丁patch文件，供客户端下载。

2、客户端

下载patch文件，使用bspatch算法将补丁patch文件和老RN包生成一个新RN包。

3、目前情况

暂时由客户端开发人员生成补丁patch文件，并将补丁patch文件上传给服务器。后期可以考虑在服务器端上实现一个补丁patch文件自动化生成工具。

三、RN包

1、RN包就是一个zip文件包。

2、zip文件包命名规则：hot_版本号.zip。

如：hot_1.0.zip、hot_1.1.zip、hot_2.0.zip

3、zip文件包目录结构为：根目录存放*.jsbundle文件和assets文件夹，assets包含Images文件夹，Images文件夹存放图片资源。

如下图所示：

四、补丁patch文件

1、命名规则：hot_老版本号_新版本号.patched。

如：

第一个包，版本号为1，不需要补丁patch文件；

第二个包，版本号为2，则与第一个包生成一个补丁文件，命名为hot_1_2.patched;

第三个包，版本号为3，则与第一个包生成一个补丁文件，命名为hot_1_3.patched;

  则与第二个包生成一个补丁文件，命名为hot_2_3.patched;

第四个包，版本号为4，则与第一个包生成一个补丁文件，命名为hot_1_4.patched;

  则与第二个包生成一个补丁文件，命名为hot_2_4.patched;

  则与第三个包生成一个补丁文件，命名为hot_3_4.patched;

2、服务器接口根据版本号，返回最新的补丁patch文件。

如：服务器存在

hot_1_2.patched、

hot_1_3.patched、hot_2_3.patched，

hot_1_4.patched，hot_2_4.patched，hot_3_4.patched这些补丁文件。

则请求处理如下：

当收到版本号为1的请求时，服务器返回hot_1_4.patched；

当收到版本号为2的请求时，服务器返回hot_2_4.patched；

当收到版本号为3的请求时，服务器返回hot_3_4.patched；

3、更为复杂的情况，由于我们是混合开发，当牵扯到RN与Native之间的交互发生变更时，就不能让热更新发挥作用了，否则会导致崩溃，这需要服务器添加一些逻辑控制了。

五、实践

一个293KB的老RN包，升级到570KB的新RN包，只需要595字节的补丁包。

我们可以看到下载补丁patch文件，实现增量更新，节省网络带宽和服务器资源。

六、Mac上使用bsdiff和bspatch

1、打开终端安装

brew install bsdiff

2、使用bsdiff生成*.patched补丁文件

bsdiff /Users/javalong/Desktop/test/hot_old.zip /Users/javalong/Desktop/test/hot_new.zip /Users/javalong/Desktop/test/hot.patched

3、使用bspatch生成新包文件

bspatch /Users/javalong/Desktop/test/hot_old.zip /Users/javalong/Desktop/test/hot_new_patch.zip /Users/javalong/Desktop/test/hot.patched

4、 验证生成的新包是否正确，两个 md5 相同，则生成是正确的

md5 /Users/javalong/Desktop/test/hot_new.zipmd5 /Users/javalong/Desktop/test/hot_new_patch.zip

七、iOS上的patch代码实现

#include "bspatch.h"#include 
    
     #include 
     
      #include 
      
       #include 
       
        #include 
        
         #include 
         
          #include 
          
           #include 
           
            typedef unsigned char u_char;static off_t offtin(u_char *buf){ off_t y; y=buf[7]&0x7F; y=y*256;y+=buf[6]; y=y*256;y+=buf[5]; y=y*256;y+=buf[4]; y=y*256;y+=buf[3]; y=y*256;y+=buf[2]; y=y*256;y+=buf[1]; y=y*256;y+=buf[0]; if(buf[7]&0x80) y=-y; return y;}int beginPatch(const char* oldfile, const char* newfile, const char* patchfile){ FILE * f, * cpf, * dpf, * epf; BZFILE * cpfbz2, * dpfbz2, * epfbz2; int cbz2err, dbz2err, ebz2err; int fd; ssize_t oldsize,newsize; ssize_t bzctrllen,bzdatalen; u_char header[32],buf[8]; u_char *old, *new; off_t oldpos,newpos; off_t ctrl[3]; off_t lenread; off_t i; //if(argc!=4) errx(1,"usage: %s oldfile newfile patchfile\n",argv[0]); /* Open patch file */ if ((f = fopen(patchfile, "r")) == NULL) { // err(1, "fopen(%s)", patchfile); return -1; } /* File format: 0 8 "BSDIFF40" 8 8 X 16 8 Y 24 8 sizeof(newfile) 32 X bzip2(control block) 32+X Y bzip2(diff block) 32+X+Y ??? bzip2(extra block) with control block a set of triples (x,y,z) meaning "add x bytes from oldfile to x bytes from the diff block; copy y bytes from the extra block; seek forwards in oldfile by z bytes". */ /* Read header */ if (fread(header, 1, 32, f) < 32) { if (feof(f)) errx(1, "Corrupt patch\n"); return -1; } /* Check for appropriate magic */ if (memcmp(header, "BSDIFF40", 8) != 0) errx(1, "Corrupt patch\n"); /* Read lengths from header */ bzctrllen=offtin(header+8); bzdatalen=offtin(header+16); newsize=offtin(header+24); if((bzctrllen<0) || (bzdatalen<0) || (newsize<0)) errx(1,"Corrupt patch\n"); /* Close patch file and re-open it via libbzip2 at the right places */ if (fclose(f)) return -1; if ((cpf = fopen(patchfile, "r")) == NULL) return -1; if (fseeko(cpf, 32, SEEK_SET)) return -1; if ((cpfbz2 = BZ2_bzReadOpen(&cbz2err, cpf, 0, 0, NULL, 0)) == NULL) return -1; if ((dpf = fopen(patchfile, "r")) == NULL) return -1; if (fseeko(dpf, 32 + bzctrllen, SEEK_SET)) return -1; if ((dpfbz2 = BZ2_bzReadOpen(&dbz2err, dpf, 0, 0, NULL, 0)) == NULL) return -1; if ((epf = fopen(patchfile, "r")) == NULL) return -1; if (fseeko(epf, 32 + bzctrllen + bzdatalen, SEEK_SET)) return -1; if ((epfbz2 = BZ2_bzReadOpen(&ebz2err, epf, 0, 0, NULL, 0)) == NULL) return -1; if(((fd=open(oldfile,O_RDONLY,0))<0) || ((oldsize=lseek(fd,0,SEEK_END))==-1) || ((old=malloc(oldsize+1))==NULL) || (lseek(fd,0,SEEK_SET)!=0) || (read(fd,old,oldsize)!=oldsize) || (close(fd)==-1)) err(1,"%s",oldfile); if((new=malloc(newsize+1))==NULL) err(1,NULL); oldpos=0;newpos=0; while(newpos
            
             newsize) errx(1,"Corrupt patch\n"); /* Read diff string */ lenread = BZ2_bzRead(&dbz2err, dpfbz2, new + newpos, ctrl[0]); if ((lenread < ctrl[0]) || ((dbz2err != BZ_OK) && (dbz2err != BZ_STREAM_END))) errx(1, "Corrupt patch\n"); /* Add old data to diff string */ for(i=0;i
             
              =0) && (oldpos+i
              
               newsize) errx(1,"Corrupt patch\n"); /* Read extra string */ lenread = BZ2_bzRead(&ebz2err, epfbz2, new + newpos, ctrl[1]); if ((lenread < ctrl[1]) || ((ebz2err != BZ_OK) && (ebz2err != BZ_STREAM_END))) errx(1, "Corrupt patch\n"); /* Adjust pointers */ newpos+=ctrl[1]; oldpos+=ctrl[2]; }; /* Clean up the bzip2 reads */ BZ2_bzReadClose(&cbz2err, cpfbz2); BZ2_bzReadClose(&dbz2err, dpfbz2); BZ2_bzReadClose(&ebz2err, epfbz2); if (fclose(cpf) || fclose(dpf) || fclose(epf)) { err(1, "fclose(%s)", patchfile); return -1; } /* Write the new file */ if(((fd=open(newfile,O_CREAT|O_TRUNC|O_WRONLY,0666))<0) || (write(fd,new,newsize)!=newsize) || (close(fd)==-1)) { err(1,"%s",newfile); return -1; } free(new); free(old); return 0;}