iOS- JSPatch 热更新

即便现在苹果努力优化他的审核部门,将审核速度提升到尽可能不可思议的一天或两天通过审核,但是对于想随意控制app实时更新的公司而言,这显示是不够的,热更新应运而生..

`JSPatch` -> JSPatch github 链接

也许也有很多人觉得这是个很高大上的技术，其实不然，我们只需要在项目里引入极小的引擎文件，就可以使用 JavaScript 调用任何 Objective-C 的原生接口，替换任意 Objective-C 原生方法。当然呢，目前主要用于下发 JS 脚本替换原生 Objective-C 代码，实时修复线上 bug。

JSPatch实现的内部原理

JsPatch能做到通过JS调用和改写OC方法最根本的原因是 Objective-C 是动态语言，OC上所有方法的调用/类的生成都通过 Objective-C Runtime 在运行时进行，我们可以通过类名和方法名反射得到相应的类和方法，也可以替换某个类的方法为新的实现，还可以新注册一个类，为类添加方法。这里就不详细介绍runtime了。所以 JSPatch 的原理就是：JS传递字符串给OC，OC通过 Runtime 接口调用和替换OC方法。

[JSPatch官方文档 - 作者bang]

https://github.com/bang590/JSPatch/wiki

[JSPatch原理总结 - 作者bang]

https://github.com/bang590/JSPatch/wiki/JSPatch-%E5%AE%9E%E7%8E%B0%E5%8E%9F%E7%90%86%E8%AF%A6%E8%A7%A3

[大牛对JSPatch的整理]

http://www.jianshu.com/p/822ba5141833

[大牛对JSPatch的使用方法总结]

http://www.jianshu.com/p/2171b51faf4d

下面是我使用JSPatch的使用过程

新建一个项目,项目中代码实现如下

- (void)viewDidLoad {[super viewDidLoad];[self loadDemoTableVC];
}-(void)loadDemoTableVC{UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];tableView.delegate = self;tableView.dataSource = self;[self.view addSubview:tableView];self.demoTableVC = tableView;
}#pragma mark - UITableViewDataSource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{return 18;
}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:kID];if (!cell) {cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:kID];}cell.backgroundColor = indexPath.row % 2 == 0 ? [UIColor lightGrayColor] : [UIColor yellowColor];return cell;
}

运行效果为黄灰相间的tableView

下面使用JSPatch进行热更新,
修改后的OC代码为

 -(void)loadDemoTableVC{UITableView *tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStyleGrouped];tableView.delegate = self;tableView.dataSource = self;[self.view addSubview:tableView];self.demoTableVC = tableView;}#pragma mark - UITableViewDataSource- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{return 8;}-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{return 2;}- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:kID];if (!cell) {cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:kID];}cell.backgroundColor = indexPath.row % 2 == 0 ? [UIColor greenColor] : [UIColor redColor];return cell;}

将其修改为红绿相间的,Group格式的tableView
OC实现相应功能是最基本的技能
使用过程最关键的OC 转化为 JSPatch支持的JS代码

1.使用 JSPatch 作者开源的转化工具进行简单转化

JSPatchConvertor转化工具

转化后的JS代码并不能直接在项目中使用,因为OC中的很多代码需要通过特定的格式进行处理

OC代码转化JS代码协议

修改后的JS代码

require('UITableView,UITableViewCell,UIColor');
defineClass('ViewController',{loadDemoTableVC: function() {var tableView = UITableView.alloc().initWithFrame_style(self.view().bounds(), 1);tableView.setDelegate(self);tableView.setDataSource(self);self.view().addSubview(tableView);self.setDemoTableVC(tableView);
}})defineClass('ViewController',{tableView_numberOfRowsInSection: function(tableView, section) {return 8;
},
numberOfSectionsInTableView: function(tableView) {return 2;
},
tableView_cellForRowAtIndexPath: function(tableView, indexPath) {var cell = tableView.dequeueReusableCellWithIdentifier("kID");if (!cell) {cell = require('UITableViewCell').alloc().initWithStyle_reuseIdentifier(0, "kID");}cell.setBackgroundColor(indexPath.row() % 2 == 0 ? UIColor.greenColor() : UIColor.redColor());return cell;
}})

万事俱备只欠使用->
1.导入两个必要的框架
libz.1.tbz
JaveScriptCore.framework

2.导入框架

3.在AppDelegate导入头文件 #import "JPEngine.h" 中并实现

   [JPEngine startEngine];NSString *sourcePath = [[NSBundle mainBundle] pathForResource:@"JSPathDemo" ofType:@"js"];NSString *script = [NSString stringWithContentsOfFile:sourcePath encoding:NSUTF8StringEncoding error:nil];[JPEngine evaluateScript:script];

这里JS文件先放在本地进行测试,真实开发环境需要从服务器请求JS文件

之后是自己配置服务器分发JS还是使用 jspatch开放平台任意,开放平台文档很全,在此就不再赘述

项目演示Demo: Github Github_CSDNDemos中JSPatchDemo