首页 > 代码库 > JSPatch来更新已上线的App中出现的BUG(超级详细)

JSPatch来更新已上线的App中出现的BUG(超级详细)

2024-08-13 22:33:54 224人阅读

JSPatch来更新已上线的App中出现的BUG(超级详细)

字数2858 阅读422 评论15 喜欢29

JSPatch的作用是什么呢?

简单来说:(后面有具体的操作步骤以及在操作过程中会出现的错误)

1.iOS应用程序上架到AppStore需要等待苹果公司的审核,一般审核时间需要1到2周.虽然程序在上架前会经过测试人员的测试,但有时候还是不免会发生新版本上线后出现严重的bug,导致用户刚升级到新版本就出现crash,严重影响用户体验.

2.这时能做的只是赶紧修复bug然后提交等待漫长的AppStore审核,再盼望用户快点升级,才能完成此次bug的修复,这样及容易导致用户流失,这对企业来说影响非常严重.

3.为了解决由于AppStore审核而导致程序更新新版本慢,目前有以下2种方案实时修复线上bug:

1??直接使用UIWebView加载网络上的HTML的代码,这样如果有问题只需要更新服务器的HTML文件,用户重新进入程序,加载新的HTML文件,整个程序就能更新.对用户影响非常小

2??使用其他脚本语言通过Runtime动态调用OC

1??.1??WaxPatch:它把Lua脚本语言和原生Objective-C应用编程接口(API)结合起来,通过Lua脚本来调用OC

1??.2??JSPatch:JS是通过JavaScriptCore.framework调用Runtime,来实现JS调用OC

JSPatch优势:

1??JS比Lua在应用开发领域有更广泛的应用,目前前端开发和前端开发有融合的趋势,作为扩展的脚本语言,JS是不二之选

2??JSPatch更符合Apple的规则。iOS Developer Program License Agreement里3.3.2提到不可动态下发可执行代码，但通过苹果JavaScriptCore.framework或WebKit执行的代码除外，JS正是通过JavaScriptCore.framework执行的

3??使用系统内置的JavaScriptCore.framework，无需内嵌脚本引擎，体积小巧

4??支持block

JSPatch缺点:

1??相对于WaxPatch,JSPatch劣势在于不支持iOS6,因为需要引入JavaScriptCore.framework

2??另外目前内存的使用上会高于wax,持续改进中

存在风险:JSPatch让脚本语言获得调用所有原生OC方法的能力，不像web前端把能力局限在浏览器，使用上会有一些安全风险

1??若在网络传输过程中下发明文JS,可能会被中间人篡改JS脚本,执行任意方法,盗取APP里的相关信息,危及用户信息和APP

2??若下载完后的JS保存在本地没有加密,在越狱的机器上用户也可以手动替换或篡改脚本

风险控制:

1??JSPatch脚本的执行权限很高，若在传输过程中被中间人篡改，会带来很大的安全问题，为了防止这种情况出现，在传输过程中对JS文件进行了RSA签名加密，流程如下：

服务端:计算JS文件MD5值。用RSA私钥对MD5值进行加密，与JS文件一起下发给客户端。

客户端:拿到加密数据，用RSA公钥解密出MD5值。本地计算返回的JS文件MD5值。对比上述的两个MD5值，若相等则校验通过，取JS文件保存到本地。

由于RSA是非对称加密，在没有私钥的情况下第三方无法加密对应的MD5值，也就无法伪造JS文件,杜绝了JS文件在传输过程被篡改的可能。

2??本地存储

本地存储的脚本被篡改的机会小很多,只在越狱机器上有点风险,对此JSPatch SDK在下载完脚本保存到本地时也进行了简单的对称加密,每次读取时解密。

JSPatch需要使用者有一个后台可以下发和管理脚本，并且需要处理传输安全等部署工作，JSPatch平台帮你做了这些事，提供了脚本后台托管，版本管理，保证传输安全等功能，让你无需搭建一个后台，无需关心部署操作，只需引入一个SDK即可立即使用JSPatch。

JSPatch平台速度和稳定性如何？

通过JSPatch平台上传的脚本文件都会保存在七牛云存储上,客户端APP只跟七牛服务器通讯，支持高并发，CDN分布全国，速度和稳定性有保证。

除了修复bug，JSPatch也可以用于动态运营,实时修改线上APP行为,或动态添加功能。

JSPatch详细使用文档见Github Wiki

第一步:创建好自己的项目

#import"ViewController.h"
@interfaceViewController()
@property(nonatomic,weak)UITableView*table;
//创建可变数组来更新数据
@property(nonatomic,strong)NSMutableArray*dataArray;
@end

@implementationViewController
#pragma mark -懒加载可变数组
- (NSMutableArray*)dataArray
{
if(_dataArray==nil)
{
_dataArray= [NSMutableArrayarray];
[_dataArrayaddObjectsFromArray:@[@"huangfang--1",@"huangfang--2",@"huangfang--3",@"huangfang--4",@"huangfang--5"]];
}

return_dataArray;
}

- (void)viewDidLoad
{
[superviewDidLoad];
self.view.backgroundColor= [UIColorgrayColor];
[selfsetUpVCWithContent];
}

#pragma mark -设置控制器的内容
-(void)setUpVCWithContent
{
//自定义导航栏的标题控件
UILabel*label = [[UILabelalloc]initWithFrame:CGRectMake(0,0,100,44)];
label.text=@"HFJSpatch";
label.textColor= [UIColorgreenColor];
label.font= [UIFontboldSystemFontOfSize:30];
self.navigationItem.titleView= label;
//自定义导航栏右边的item
UIButton*button =[UIButtonbuttonWithType:UIButtonTypeContactAdd];
[buttonaddTarget:selfaction:@selector(addData)forControlEvents:UIControlEventTouchUpInside];
UIBarButtonItem*rightButton = [[UIBarButtonItemalloc]initWithCustomView:button];
self.navigationItem.rightBarButtonItem= rightButton;
UITableView*table = [[UITableViewalloc]initWithFrame:self.view.bounds];
self.table= table;
table.dataSource=self;
[self.viewaddSubview:table];
}

#pragma mark -添加数据的方法
-(void)addData
{
NSString*datas =nil;
[self.dataArrayaddObject:datas];
[self.tablereloadData];
}

#pragma mark -数据源方法
- (NSInteger)tableView:(UITableView*)tableView numberOfRowsInSection:(NSInteger)section
{
returnself.dataArray.count;
}
- (UITableViewCell*)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath*)indexPath
{
staticNSString*ID =@"HFcell";
UITableViewCell*cell = [tableViewdequeueReusableCellWithIdentifier:ID];
if(cell ==nil)
{
cell = [[UITableViewCellalloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:ID];
cell.textLabel.textColor= [UIColorredColor];
cell.textLabel.textAlignment=NSTextAlignmentCenter;
cell.textLabel.font= [UIFontsystemFontOfSize:20];
if(indexPath.row>5)
{
cell.textLabel.textColor= [UIColororangeColor];
cell.textLabel.textAlignment=NSTextAlignmentRight;
cell.textLabel.font= [UIFontboldSystemFontOfSize:25];
}
}
cell.textLabel.text=self.dataArray[indexPath.row];
returncell;
}
@end

第二步：登录http://jspatch.com该网站，这里需要注册一下账号哈（已有账号的话，可以直接登录）

下载SDK到本地

第三步:下载完成后,打开我们已经创建好的项目,将下载好的SDK拖到我们的工程中.

第四步：需要在我们的工程中添加两个框架（ libz.tbd 和 JavaScriptCore.framework )

第五步：在项目工程里先创建一个空的文件（main.js)，这个就不用说了吧，大家都会哈^_^

注：如果想在空文件中显示JavaScript的格式的话，可以进行一下操作：

1、先选中刚才创建好的（main.js)

3.在文件中写入代码

//main.js
// 指定要更新的对应的控制器
defineClass("ViewController", {
// 添加或修改的方法（
addData: function() {
// 获取到控制器中的可变数组
var datas = self.dataArray();
datas.addObject("huangfang6");
datas.addObject("huangfang7");
datas.addObject("huangfang8");
datas.addObject("huangfang9");
// 如果添加成功会将数组中的第一个元素打印出来(这个可以根据需要进行打印)
// console.log(datas.firstObject());
// 如果添加成功会将数组中的第一个元素打印出来
console.log(datas.lastObject());
self.table().reloadData();
}
})

注：上面的 addData: function() 中的addData要和我们项目中的点击按钮执行的方法一样，如果不一样会报错的

4、在我们的项目工程中找到AppDelegate.m文件，在以下方法中添加一行测试的代码，我们先在本地测试一下，看看是否成功

#import “AppDelegate.h"

#import “ViewController.h"

#import<JSPatch/JSPatch.h>

@interface AppDelegate ()
@end

@implementation AppDelegate
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
ViewController *vc = [[ViewController alloc]init];
vc.view.backgroundColor = [UIColor magentaColor];
UINavigationController *nav = [[UINavigationController alloc]initWithRootViewController:vc];
self.window.rootViewController = nav;
[self.window makeKeyWindow];
[JSPatch testScriptInBundle];
return YES;
}
@end

以下为运行结果点击+后出现右对齐的三个