转载

JSPatch 热修复技术

JSPatch 为我们的 iOS 程序提供了一个动态修改代码的能力。比如你的 APP 发生了线上 Bug，通过 JSPatch 不需要重新发版，就可以立即修复。

客户端开发的痛点

众所周知，我们做 APP 客户端开发一个很大的痛点就是，如果我们的 APP 在商店发布后，如果发生了比较验证的 bug，我们是没有办法立即修复的。对于 App Store 而言，最快也就是给商店递交紧急审核的请求，但这也需要重新发版，并且用户要更新 APP 后才可以修复。

随着 APP 开发生态越来越趋于成熟，相关的各种问题都有了比较好的解决方案。那么对于动态修复技术，也是一样。 JSPatch 就是解决这个问题的一个开源库。它包含一个解析引擎，可以将符合规则的 js 脚本，解析成 iOS 原生代码。这样我们就可以在不重新发布新版的情况下，修复我们线上的问题了。

JSPatch 简介

JSPatch 的使用非常简单，我们初始化 JS 解析引擎，然后传入脚本文件：

@implementationAppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 
{
    [JPEngine startEngine];
    NSString *sourcePath = [[NSBundle mainBundle] pathForResource:@"demo" ofType:@"js"];
    NSString *script = [NSString stringWithContentsOfFile:sourcePath encoding:NSUTF8StringEncoding error:nil];
    [JPEngine evaluateScript:script];

    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
    [self.window addSubview:[self genView]];
    [self.window makeKeyAndVisible];

    return YES;
}

- (UIView *)genView
{
    return [[UIView alloc] initWithFrame:CGRectMake(0, 0, 320, 320)];
}

@end

上面这段代码应该不难理解，首先我们调用 [JPEngine startEngine] 方法。接着找到 JS 脚本文件，并调用 [JPEngine evaluateScript:script] 执行这个脚本。

这里我们的脚本文件是存放在 Bundle 中的。但这个脚本其实可以来自任何地方，包括从服务器中读取。这就为我们提供了动态下发脚本的能力。在任何时候，我们都可以下发脚本。

我们上面的代码中，还定义了一个 genView 方法，这个方法会返回一个 UIView 对象。这个方法正是我们要用 JSPatch 替换掉的。

再来看看 demo.js 文件：

// demo.js
require('UIView, UIColor, UILabel')
defineClass('AppDelegate', {
  // replace the -genView method
  genView: function(){
    var view = self.ORIGgenView();
    view.setBackgroundColor(UIColor.greenColor())
    var label = UILabel.alloc().initWithFrame(view.frame());
    label.setText("JSPatch");
    label.setTextAlignment(1);
    view.addSubview(label);
    return view;
  }
});

这个脚本的语法看起来或许会有些陌生。但我们稍加分析，也不难理解。首先用 require(‘UIView, UIColor, UILabel’) 导入我们要使用的组件。

然后，后面的 defineClass 方法，定义我们要对哪个类的内容进行替换。这里我们替换了 AppDelegate 的 genView 方法。然后再看看脚本中如何定义的 genView 函数体。

首先调用 self.ORIGgenView() 方法，稍微推理一下也容易明白，ORIG 是一个通用前缀，代表最初的方法，ORIGgenView 就是我们在上面 ObjC 代码中定义的 genView 方法了。

也就是说，这里先调用了我们最初的 genView 方法。然后将它返回的 UIView 对象进行了一些列操作，添加了一个 UILabel 到它上面。最后再返回。

好了，现在如果运行这个 APP，实际上我们 genView 方法得到的就是脚本中描述的那样，一个 UIView 包含了一个 UILabel。而不是 ObjC 中那个原始的方法了。