JSPatch （实时修复App Store bug）学习(一)
JSPatch 是一个 iOS 动态更新框架，只需在项目中引入极小的引擎，就可以使用 JavaScript 调用任何 Objective-C 原生接口，获得脚本语言的优势：为项目动态添加模块，或替换项目原生代码动态修复 bug。
基础原理
JSPatch 能做到通过 JS 调用和改写 OC 方法最根本的原因是 Objective-C 是动态语言，OC 上所有方法的调用/类的生成都通过 Objective-C Runtime 在运行时进行，我们可以通过类名/方法名反射得到相应的类和方法：
Class class = NSClassFromString("UIViewController");
id viewController = [[class alloc] init];
SEL selector = NSSelectorFromString("viewDidLoad");
[viewController performSelector:selector];
也可以替换某个类的方法为新的实现：
static void newViewDidLoad(id slf, SEL sel) {}
class_replaceMethod(class, selector, newViewDidLoad, @"");
还可以新注册一个类，为类添加方法：
Class cls = objc_allocateClassPair(superCls, "JPObject", 0);
objc_registerClassPair(cls);
class_addMethod(cls, selector, implement, typedesc);
对于 Objective-C 对象模型和动态消息发送的原理已有很多文章阐述得很详细，这里就不详细阐述了。理论上你可以在运行时通过类名/方法名调用到任何 OC 方法，替换任何类的实现以及新增任意类。所以 JSPatch 的基本原理就是：JS 传递字符串给 OC，OC 通过 Runtime 接口调用和替换 OC 方法。这是最基础的原理，实际实现过程还有很多怪要打，接下来看看具体是怎样实现的。
JSPatch github地址 (iOSdemo 下载可以看到效果)
demo 的实现原理我用下面的一副图来表示,逻辑更清晰,修复其他的bug 原理都差不多,只要你会写JS 代码 理论上是可以修复任何bug 的,还可以动态的为项目添加新的模块
JSPatch demo的实现原理对比图
demo 介绍:本来在一个控制器中添加一个btn,btn点击事件没有实现;
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
//1)开启引擎
[JPEngine startEngine];
NSString *sourcePath = [[NSBundle mainBundle] pathForResource:@"demo" ofType:@"js"];
//2)加载js脚本(正常情况下是从服务器下载后才使用,达到动态修复app bug 的目的)
//在这个js 脚本里面使用运行时机制通过类名/方法名调用到任何 OC 方法，替换任何类的实现以及新增任意类,实际上调用了demo 中按钮的点击方法调到一个tableview控制器,demo 中Btn 的点击跳转到tableview的方法没有实现,是app启动的时候加载js,js实现了btn的点击并且跳转到tableview控制器,js到底是如何实现映射是呢?
NSString *script = [NSString stringWithContentsOfFile:sourcePath encoding:NSUTF8StringEncoding error:nil];
//执行js脚本
[JPEngine evaluateScript:script];
self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
JPViewController *rootViewController = [[JPViewController alloc] init];
UINavigationController *navigationController = [[UINavigationController alloc] initWithRootViewController:rootViewController];
self.window.rootViewController = navigationController;
[self.window makeKeyAndVisible];
[[UINavigationBar appearance] setBackgroundImage:nil forBarMetrics:UIBarMetricsCompact];
return YES;
}
JSPatch 实现热更新app 修复线上app的bug 的核心是会写js 脚本下面是js语言实现拦截按钮的点击事件 并且跳转到一个TableView
defineClass('JPViewController', { handleBtn: function(sender) { var tableViewCtrl = JPTableViewController.alloc().init() self.navigationController().pushViewController_animated(tableViewCtrl, YES) }})defineClass('JPTableViewController : UITableViewController', ['data'], {
dataSource: function() {
var data = self.data();
if (data) return data;
var data = [];
for (var i = 0; i < 20; i ++) {
data.push("cell from js " + i);
}
self.setData(data)
return data;
},
numberOfSectionsInTableView: function(tableView) {
return 1;
},
tableView_numberOfRowsInSection: function(tableView, section) {
return self.dataSource().length;
},
tableView_cellForRowAtIndexPath: function(tableView, indexPath) {
var cell = tableView.dequeueReusableCellWithIdentifier("cell")
if (!cell) {
cell = require('UITableViewCell').alloc().initWithStyle_reuseIdentifier(0, "cell")
}
cell.textLabel().setText(self.dataSource()[indexPath.row()])
return cell
},
tableView_heightForRowAtIndexPath: function(tableView, indexPath) {
return 60
},
tableView_didSelectRowAtIndexPath: function(tableView, indexPath) {
var alertView = require('UIAlertView').alloc().initWithTitle_message_delegate_cancelButtonTitle_otherButtonTitles("Alert",self.dataSource()[indexPath.row()], self, "OK", null);
alertView.show()
},
alertView_willDismissWithButtonIndex: function(alertView, idx) {
console.log('click btn ' + alertView.buttonTitleAtIndex(idx).toJS())
}
})
参考文献:
______
- 作者开发经验总结的文章推荐,持续更新学习心得笔记
[Runtime 10种用法（没有比这更全的了）](http://www.jianshu.com/p/3182646001d1)
[成为iOS顶尖高手，你必须来这里(这里有最好的开源项目和文章)](http://www.jianshu.com/p/8dda0caf47ea)
[iOS逆向Reveal查看任意app 的界面](http://www.jianshu.com/p/060745d5ecc2)
[JSPatch （实时修复App Store bug）学习(一)](http://www.jianshu.com/p/344db07a2374)
[iOS 高级工程师是怎么进阶的(补充版20+点)](http://www.jianshu.com/p/1f2907512046)
[扩大按钮(UIButton)点击范围(随意方向扩展哦)](http://www.jianshu.com/p/ce2d3191224f)
[最简单的免证书真机调试(原创)](http://www.jianshu.com/p/c724e6282819)
[通过分析微信app,学学如何使用@2x,@3x图片](http://www.jianshu.com/p/99f1f924ae45)
[TableView之MVVM与MVC之对比](http://www.jianshu.com/p/d690b5d97201)
[使用MVVM减少控制器代码实战(减少56%)](http://www.jianshu.com/p/f85363c82ea1)
[ReactiveCocoa添加cocoapods 配置图文教程及坑总结](http://www.jianshu.com/p/66f0c7e1ced8)
- 作者开发经验总结的文章推荐,持续更新学习心得笔记
[Runtime 10种用法（没有比这更全的了）](http://www.jianshu.com/p/3182646001d1)
[成为iOS顶尖高手，你必须来这里(这里有最好的开源项目和文章)](http://www.jianshu.com/p/8dda0caf47ea)
[iOS逆向Reveal查看任意app 的界面](http://www.jianshu.com/p/060745d5ecc2)
[JSPatch （实时修复App Store bug）学习(一)](http://www.jianshu.com/p/344db07a2374)
[iOS 高级工程师是怎么进阶的(补充版20+点)](http://www.jianshu.com/p/1f2907512046)
[扩大按钮(UIButton)点击范围(随意方向扩展哦)](http://www.jianshu.com/p/ce2d3191224f)
[最简单的免证书真机调试(原创)](http://www.jianshu.com/p/c724e6282819)
[通过分析微信app,学学如何使用@2x,@3x图片](http://www.jianshu.com/p/99f1f924ae45)
[TableView之MVVM与MVC之对比](http://www.jianshu.com/p/d690b5d97201)
[使用MVVM减少控制器代码实战(减少56%)](http://www.jianshu.com/p/f85363c82ea1)
[ReactiveCocoa添加cocoapods 配置图文教程及坑总结](http://www.jianshu.com/p/66f0c7e1ced8)
