React-Native开发iOS篇-热更新的实现

需求

1.在打开APP的时候进行网络请求，检查是否有网络更新。

2.如果有网络更新，下载新的版本，再次打开APP的时候，就直接连接到新的内容。

具体功能的实现:

AppDelegate.m

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{

  UpdataLoader* upLoatder = [UpdataLoader shareUpLoader];
  //保证存放路径是存在的
  [upLoatder createPath];
  //检查更新并下载，有更新则直接下载，无则保持默认配置
  [upLoatder getAppVersion];
  //定义加载bundle的URL
  NSURL *jsCodeLocation;
  
  NSString* iOSBundlePath = [[upLoatder iOSFileBundlePath] stringByAppendingPathComponent:@"index.ios.bundle"];
  if ([[NSFileManager defaultManager] fileExistsAtPath:iOSBundlePath]) {
   jsCodeLocation = [NSURL URLWithString:iOSBundlePath];
  }else{
    jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];
  }
  
//  NSLog(@"jsCodeLocation%@",jsCodeLocation);
  RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"******"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];
  rootView.backgroundColor = [[UIColor alloc] initWithRed:1.0f green:1.0f blue:1.0f alpha:1];
  [DownLoadTool defaultDownLoadTool].view = rootView;
  self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
  UIViewController *rootViewController = [UIViewController new];
  rootViewController.view = rootView;
  self.window.rootViewController = rootViewController;
  [self.window makeKeyAndVisible];
  return YES;
}

上述代码是在Appdelegate中的实现，关键点有两个：
1.实现对版本号的数据持久化存储。
2.如何加载沙盒路径下的js.bundle文件。

---

实现数据持久化的方法

在三种数据持久化得方式中，我选择了plist文件去存储版本号和下载路径。

//获取版本信息储存的文件路径
-(NSString*)getVersionPlistPath{
  
  //获取沙盒路径
  NSArray* paths = NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES);
  NSString* path = [paths objectAtIndex:0];
  NSLog(@"the save version file's path is :%@",path);
  //填写文件名
  NSString* filePath = [path stringByAppendingPathComponent:kVersionPlist];
  //  NSLog(@"文件路径为：%@",filePath);
  return filePath;
}

//创建或修改版本信息
-(void)writeAppVersionInfoWithDictiony:(NSDictionary*)dictionary{
  NSString* filePath  = [self getVersionPlistPath];
  [dictionary writeToFile:filePath atomically:YES];
}

分为两步，第一步确定存储路径，第二步将要存储的信息调用

 [dictionary writeToFile:filePath atomically:YES];

的方法去写入本地路径。

---

实现从本地文件夹中获取bundle并加载

在这里，有以下几个问题需要去解决：

• 如何下载？
• 下载完毕后如何解压？
• 解压完成后如何配置文件？

首先解决如何下载的问题，在这里我选择了第三方AFNetworking 3.0来实现对文件的下载。

-(void)downLoadWithUrl:(NSString*)url{
  [self showPromptWithStr:@"发现新的版本，开始下载..."];
  //根据url下载相关文件
  NSURLSessionConfiguration *configuration = [NSURLSessionConfiguration defaultSessionConfiguration];
  AFURLSessionManager *manager = [[AFURLSessionManager alloc] initWithSessionConfiguration:configuration];
  NSURL *URL = [NSURL URLWithString:url];
  NSURLRequest *request = [NSURLRequest requestWithURL:URL];
  NSURLSessionDownloadTask *downloadTask = [manager downloadTaskWithRequest:request progress:^(NSProgress * _Nonnull downloadProgress) {
      //获取下载进度
//      NSLog(@"Progress is %f", downloadProgress.fractionCompleted);
  } destination:^NSURL *(NSURL *targetPath, NSURLResponse *response) {
    //有返回值的block，返回文件存储路径
    NSURL *documentsDirectoryURL = [[NSFileManager defaultManager] URLForDirectory:NSDocumentDirectory inDomain:NSUserDomainMask appropriateForURL:nil create:NO error:nil];
    NSURL* targetPathUrl = [documentsDirectoryURL URLByAppendingPathComponent:kiOSFileName];
    return [targetPathUrl URLByAppendingPathComponent:[response suggestedFilename]];

  } completionHandler:^(NSURLResponse *response, NSURL *filePath, NSError *error) {
    if(error){
      //下载出现错误
      NSLog(@"%@",error);
      
    }else{
      [self showPromptWithStr:@"更新完毕。请重新启动******！"];
      //下载成功
      NSLog(@"File downloaded to: %@", filePath);
      self.zipPath = [[filePath absoluteString] substringFromIndex:7];
      //下载成功后更新本地存储信息
      [[UpdataLoader shareUpLoader] writeAppVersionInfoWithDictiony:[UpdataLoader shareUpLoader].versionInfo];
      //解压并删除压缩包
      if ([self unZip]) {
        [self deleteZip];
      };

    }
  }];
  [downloadTask resume];
}

在这里需要注意的是每个下载的设置默认是被挂起的，所以在设置完毕之后，需要调用

  [downloadTask resume];

使得下载主动进行。

在下载完毕之后的block回调中，是在主线程中进行的，在这里就可以进行一些UI的更新。

注意在完成之后返回的文件路径filePath为：
file:///*********
直接进行使用发现，获取不到文件。
必须将file:///去掉才能解决问题。
利用nsstring提供的方法来实现。

self.zipPath = [[filePath absoluteString] substringFromIndex:7];

---

OK解决的下载问题，现在来解决解压问题，解压方式我选择了第三方提供的SSZipArchive.
代码如下：

//解压压缩包
-(BOOL)unZip{
  if (self.zipPath == nil) {
    return NO;
  }
  //检查Document里有没有bundle文件夹
  NSString* path = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) objectAtIndex:0];
  NSString* bundlePath = [path stringByAppendingPathComponent:kiOSfileSetName];
  BOOL isDir;
  //如果有，则删除后解压，如果没有则直接解压
  if ([[NSFileManager defaultManager] fileExistsAtPath:bundlePath isDirectory:&isDir]&&isDir) {
    [[NSFileManager defaultManager] removeItemAtPath:bundlePath error:nil];
  }
  NSString *zipPath = self.zipPath;
  NSString *destinationPath = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) objectAtIndex:0];
  BOOL success = [SSZipArchive unzipFileAtPath:zipPath
                                 toDestination:destinationPath];
  return success;
}

//删除压缩包
-(void)deleteZip{
  NSError* error = nil;
  [[NSFileManager defaultManager] removeItemAtPath:self.zipPath error:&error];
}

---

最后，来解决一下如何配置的问题：
在各种文档里都没有找到说明如何加载一个现有的js.bundle文件。
经过我个人的几番尝试，我找到了如下方法：

 NSURL *jsCodeLocation;
jsCodeLocation = [NSURL URLWithString:iOSBundlePath];

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                      moduleName:@"Dingla"
                                               initialProperties:nil
                                                   launchOptions:launchOptions];

iOSBUndlepath为沙盒内的文件路径。

至此，iOS的热更新就实现了。

git仓库点我

2017.09.14 PS:
因为文章写的比较早，源码我已经删除了。
感谢这位同学将代码补全。
附上地址点我