一、目标
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.zip
md5 /Users/javalong/Desktop/test/hot_new_patch.zip
七、iOS上的patch代码实现
#include "bspatch.h"
#include <sys/cdefs.h>
#include <bzlib.h>
#include <stdlib.h>
#include <stdio.h>
#include <string.h>
#include <err.h>
#include <unistd.h>
#include <fcntl.h>
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) {
/* Read control data */
for(i=0;i<=2;i++) {
lenread = BZ2_bzRead(&cbz2err, cpfbz2, buf, 8);
if ((lenread < 8) || ((cbz2err != BZ_OK) &&
(cbz2err != BZ_STREAM_END)))
errx(1, "Corrupt patch\n");
ctrl[i]=offtin(buf);
};
/* Sanity-check */
if(newpos+ctrl[0]>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<ctrl[0];i++)
if((oldpos+i>=0) && (oldpos+i<oldsize))
new[newpos+i]+=old[oldpos+i];
/* Adjust pointers */
newpos+=ctrl[0];
oldpos+=ctrl[0];
/* Sanity-check */
if(newpos+ctrl[1]>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;
}