JSPatchUse
JSPatch 代码更新 使用学习
使用文档
使用方法
步骤1：创建项目中导入JSPatch库
切换到项目命令：
cd /Users/..(项目地址)
编辑或创建Podfile命令：
vim Podfile
输入"i"进入编辑内容状态，添加：
platform :ios, '6.0'
pod 'JSPatch'
粘贴后，按"esc"，输入":"，再输入"wq"，回车】
安装命令：
pod install
步骤2：下载demo.js 文件到项目，修改AppDelegate.m文件：
1、 #import "JPEngine.h"
// Library/Caches
#define FilePath ([[NSFileManager defaultManager] URLForDirectory:NSCachesDirectory inDomain:NSUserDomainMask appropriateForURL:nil create:YES error:nil])
/**
* 下载JSPatch
*/
-(void)loadJSPatch
{
//使用AFNetWork下载在服务器的js文件
NSURLSessionConfiguration *configuration = [NSURLSessionConfiguration defaultSessionConfiguration];
AFURLSessionManager *manager = [[AFURLSessionManager alloc] initWithSessionConfiguration:configuration];
NSURL *URL = [NSURL URLWithString:@"https://github.com/niexiaobo/JSPatchUse/blob/master/JSPatchUseDemo/JSPatchUseDemo/demo.js"];
NSURLRequest *request = [NSURLRequest requestWithURL:URL];
NSURLSessionDownloadTask *downloadTask = [manager downloadTaskWithRequest:request progress:nil destination:^NSURL *(NSURL *targetPath, NSURLResponse *response)
{
NSURL *documentsDirectoryURL = FilePath;
//保存到本地 Library/Caches目录下
return [documentsDirectoryURL URLByAppendingPathComponent:[response suggestedFilename]];
}
completionHandler:^(NSURLResponse *response, NSURL *filePath, NSError *error)
{
NSLog(@"File downloaded to: %@", filePath);
}];
[downloadTask resume];
}
/**
* 运行下载的JS文件
*/
-(void)HSDevaluateScript
{
//从本地获取下载的JS文件
NSURL *p = FilePath;
//获取内容
NSString *js = [NSString stringWithContentsOfFile:[p.path stringByAppendingString:@"/demo.js"] encoding:NSUTF8StringEncoding error:nil];
//如果有内容
if (js.length > 0)
{
//-------
//在此处解密js内容
//----
//运行
[JPEngine startEngine];
[JPEngine evaluateScript:js];
}
}
//还是在AppDelegate中下面的两个方法内，进行下载服务器的js文件和运行下载后的js文件
//加载配置
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
//可以在这里设置一个条件，比如隔多久才去请求一次服务器看看有没有可以下载的文件
//以防止频繁请求
[self loadJSPatch];
return YES;
}
//应用程序进入活动状态时
- (void)applicationDidBecomeActive:(UIApplication *)application
{
[self HSDevaluateScript];
}
2、这里使用到了JavaScriptcore核心库，所以还需要在General的Linded Framework and Libraries添加JavaScriptcore.framework
步骤3：修复控制器的崩溃bug：
控制器ViewController添加按钮，但是不写点击事件
UIButton *crashBtn = [[UIButton alloc] initWithFrame:CGRectMake(0, 100, [UIScreen mainScreen].bounds.size.width, 50)];
[crashBtn setTitle:@"崩溃按钮" forState:UIControlStateNormal];
[crashBtn addTarget:self action:@selector(crashBtnClick:) forControlEvents:UIControlEventTouchUpInside];
[crashBtn setBackgroundColor:[UIColor grayColor]];
[self.view addSubview:crashBtn];
//崩溃按钮 的点击事件【崩溃测试，不写】，js里会重写此方法避免崩溃。
//- (void)crashBtnClick:(id)sender.
demo.js里添加代码：1、重写crashBtnClick方法 2、跳转新建的JPTableViewController控制器
//1、修改ViewController控制器的handleBtn方法（原控制器漏此方法，会导致崩溃）。
defineClass('ViewController', {//defineClass：声明要被修改的控制器
crashBtnClick: function(sender) { //声明要被修改或重写的方法
var tableViewCtrl = JPTableViewController.alloc().init()
self.navigationController().pushViewController_animated(tableViewCtrl, YES)
},
})
//2、新建JPTableViewController控制器
defineClass('JPTableViewController : UITableViewController <UIAlertViewDelegate>', ['data'], {
dataSource: function() {
var data = self.data();
if (data) return data;
var data = [];
for (var i = 0; i < 20; i ++) {
data.push("通过js创建的cell " + 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())
}
})
##### 更新频率
我之前看到很多人把使用js和下载js的代码都放在了didFinishLaunchingWithOptions：这个方法。我觉得有所不妥，因为如果这个app用户一直放在手机的后台（比如微信），并且也没出现内存警告的话，这个方法应该一直不会调用。我建议的是：使用js文件的代码放在didFinishLaunchingWithOptions： 而下载js文件的代码放在applicationDidBecomeActive: 因为这个方法在程序启动和后台回到前台时都会调用。并且我建议设置一个间隔时间，根据一些�数据和权衡之后我们采用的是间隔时间设为1小时。 也就是说每次来到这个方法时，先要检测是距离上次发请求的时间间隔是否超过1小时，超过则发请求，否则跳过。
步骤4：JSPatch OC-JS自动转换工具：https://github.com/bang590/JSPatchConvertor
将这个文件，放在服务器上面，最好进行版本分类，这样在App下载的时候，就能根据当前的版本号来进行对应目录下的文件下载，例如：
AppName-->2.1-->jspatch.js
AppName-->2.2-->jspatch.js
AppName-->2.3-->jspatch.js
这样就能在App上根据目录：AppName(当前App版本号)\jspatch.js 这样的方式去下载对应版本的js文件了
至此JSPatch在前端设置和使用差不多了。
步骤5：通过请求后台更新项目中demo.js补丁文件来达到动态修复项目Bug的功能。demo.js从后台下载后要加密存储到沙盒中。
##### demo.js的加密：
在使用JSPatch时，JS脚本理论上可以调用任意OC方法，权限非常大，若经过HTTP传输时，被中间人攻击篡改js代码，则会造成很大危害。
鉴于此种情况
1. 服务器尽量使用https传输
2. 对传输的代码做好加密和校验
PHP、iOS 使用JSPatch基本与RSA,AES加密： http://www.jianshu.com/p/e6191c9e63c1
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent