React-Native 不使用第三方服务实现iOS&Android增量热更新1---增量热更新功能实现

流程图:


简单实现:

iOS Demo地址:https://github.com/yushengchu/Incremental-hot-update

// 热更细管理类
//  HotUpdataManage.h
//  hotUpdataDemo
//
//  Created by joker on 2017/9/7.
//  Copyright © 2017年 Facebook. All rights reserved.
//

#import <Foundation/Foundation.h>
#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>

@interface HotUpdataManage : NSObject

//单例方法
+ (HotUpdataManage*)getInstance;

//获取加载URL
- (NSURL*)getBridge;

//检查更新
- (void)checkUpdate:(NSString*)checkUrl;

//bridge对象 用于重新载入jsbundle
@property (nonatomic,strong) RCTBridge *bridge;

@end

//
//  HotUpdataManage.m
//  hotUpdataDemo
//
//  Created by joker on 2017/9/7.
//  Copyright © 2017年 Facebook. All rights reserved.
//

#import "HotUpdataManage.h"
#import "MXHZIPArchive.h"
#import "DiffPatch.h"


#define HOT_MAIN_DOC_PATH [NSString stringWithFormat:@"%@/HOTSDK/main",NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES)[0]]
#define HOT_JS_PATH [NSString stringWithFormat:@"%@/HOTSDK/main/%@",NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES)[0],@"main.jsbundle"]

@implementation HotUpdataManage

+ (HotUpdataManage*)getInstance{
  static HotUpdataManage *manager;
  static dispatch_once_t onceToken;
  dispatch_once(&onceToken, ^{
    manager = [[HotUpdataManage alloc] init];
  });
  return manager;
}

#pragma mark 获取bridge
- (NSURL*)getBridge{
  NSFileManager *fileManager =[NSFileManager defaultManager];
  if (![fileManager fileExistsAtPath:HOT_JS_PATH]) {
    NSString* zipPatch = [[NSBundle mainBundle] pathForResource:@"bundle" ofType:@"zip"];
    NSLog(@"zipPatch ---> %@",zipPatch);
    if([fileManager fileExistsAtPath:zipPatch]){
      BOOL isReload = [self unzipBundleAndReload:zipPatch];
      //复制jsbundle文件和assest文件到到对应目录
      if (isReload) {
        return [NSURL URLWithString:HOT_JS_PATH];
      }
    }
  }
  return [NSURL URLWithString:HOT_JS_PATH];
}

#pragma mark 检查更新
- (void)checkUpdate:(NSString*)urlStr{
    NSURL *url = [NSURL URLWithString: urlStr];
    NSMutableURLRequest *request = [[NSMutableURLRequest alloc]initWithURL: url cachePolicy: NSURLRequestUseProtocolCachePolicy timeoutInterval: 10];
    [request setHTTPMethod: @"GET"];
    NSData   *data = [NSURLConnection sendSynchronousRequest:request
                                           returningResponse:nil
                                                       error:nil];
    if (data){
      NSDictionary *resultInfo = [NSJSONSerialization JSONObjectWithData:data options:NSJSONReadingAllowFragments error:nil];
      if ([resultInfo[@"isUpdate"] boolValue]) {
        [self downLoadFile:[resultInfo objectForKey:@"updataUrl"]];
      }
    }
}

#pragma mark 下载
- (void)downLoadFile:(NSString *)urlString{
  NSURL *url = [NSURL URLWithString:urlString];
  NSMutableURLRequest *request = [[NSMutableURLRequest alloc]initWithURL: url cachePolicy: NSURLRequestUseProtocolCachePolicy timeoutInterval: 10];
  [request setHTTPMethod: @"GET"];
  NSData *data = [NSURLConnection sendSynchronousRequest:request returningResponse:nil error:nil];
  if (data){
    NSLog(@"diff下载成功");
    NSString *pacthPath = [self getFilePath:@"diff.patch"];
    if ([data writeToFile:pacthPath atomically:YES]) {
      [self patchBundle:pacthPath];
    }else{
      NSLog(@"diff保存失败.");
    }
  }
  else {
    NSLog(@"diff下载失败");
  }
}

- (void)patchBundle:(NSString*)pacthPath{
  NSString* zipPatch = [[NSBundle mainBundle] pathForResource:@"bundle" ofType:@"zip"];
  NSString* tmpZipPath = [NSString stringWithFormat:@"%@/tmp.zip",HOT_MAIN_DOC_PATH];
  //  创建最新jsbundel文件
  BOOL writeBundel =   [DiffPatch beginPatch:pacthPath origin:zipPatch toDestination:tmpZipPath];
  if (!writeBundel) {
    NSLog(@"bundel写入失败");
    return;
  }
  if ([self unzipBundleAndReload:tmpZipPath]) {
    [self reloadNow];
  }
  NSLog(@"更新成功");
}

#pragma mark 解压
-(BOOL)unzipBundleAndReload:(NSString*)zipPath{
  //获取zipPath
  NSError *error;
  NSString *reload_zipPath = zipPath;
  NSString *desPath = HOT_MAIN_DOC_PATH;
  BOOL pathExist = [[NSFileManager defaultManager] fileExistsAtPath:desPath];
  if(!pathExist){
    [[NSFileManager defaultManager] createDirectoryAtPath:desPath withIntermediateDirectories:YES attributes:nil error:nil];
  }
  //  NSLog(@"start unzip zip Path:%@",reload_zipPath);
  [MXHZIPArchive unzipFileAtPath:reload_zipPath toDestination:desPath overwrite:YES password:nil error:&error];
  if(!error){
    NSLog(@"解压成功,路径:%@",desPath);
    return true;
  }else{
    NSLog(@"解压失败,路径:%@,错误原因:%@",desPath,[error description]);
    return false;
  }
}

#pragma mark 重新加载
-(void)reloadNow{
  [self.bridge reload];
  NSLog(@"Bridge reload");
}

- (NSString*)getFilePath:(NSString*)fileName{
  NSArray *paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
  NSString *documentsDirectory =[paths objectAtIndex:0];
  NSString *filePath =[documentsDirectory stringByAppendingPathComponent:fileName];
  return filePath;
}

@end

//AppDelegate中使用

#import "AppDelegate.h"

#import <React/RCTBundleURLProvider.h>
#import <React/RCTRootView.h>

#import "HotUpdataManage.h"

@interface AppDelegate()

@property (nonatomic,strong) RCTBridge *bridge;

@end

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  HotUpdataManage* manage = [HotUpdataManage getInstance];
  NSURL* localUrl = nil;
  #ifdef  DEBUG
    localUrl = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
  #else
    localUrl = [manage getBridge];
  #endif
  //使用bridge的方式创建rootView
  _bridge = [[RCTBridge alloc] initWithBundleURL:localUrl moduleProvider:nil launchOptions:nil];
  manage.bridge = _bridge;
  
  RCTRootView *rootView = [[RCTRootView alloc] initWithBridge:_bridge moduleName:@"hotUpdataDemo" initialProperties:nil];
  
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];

  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];
  
  //检查更新 这里使用的是阿里的rap mock接口
  dispatch_async(dispatch_get_global_queue(0, 0), ^{
    [manage checkUpdate:@"http://rapapi.org/mockjsdata/13203/checkUpdate"];
  });
  
  return YES;
}


@end

后言

包括pushy在内的许多支持增量热更新的类库,实际上只是对jsbundle文件进行了diff算法.

图片是通过在服务器进行筛选获取新增或者更改的图片,然后与jsbundle的diff文件一同打包成一个压缩包给客户端进行热更新.

本Demo采用的是对整个bundle.zip文件进行diff,直接获得一个针对旧版bundle.zip文件的热更新文件.

iOS打包中,会默认将jsbundle和assest文件夹打入ipa包中,并不会将bundle.zip文件打入.

这一块需要通过打包脚本来实现默认将bundle.zip打入ipa包内.

同时通过将Xcode -- targets -- Build Phases -- Bundle React Native code and images中的shell脚本删除,可以在打包时候不将jsbundle和assest文件夹打入包内.

在第一次打开APP时使用默认打入的bundle.zip来解压获得jsbundle和assest运行React-Native项目.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 151,688评论 1 330
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 64,559评论 1 273
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 101,749评论 0 226
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 42,581评论 0 191
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 50,741评论 3 271
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 39,684评论 1 192
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,122评论 2 292
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 29,847评论 0 182
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 33,441评论 0 228
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 29,939评论 2 232
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,333评论 1 242
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 27,783评论 2 236
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,275评论 3 220
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 25,830评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,444评论 0 180
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 34,553评论 2 249
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 34,618评论 2 249

推荐阅读更多精彩内容