使用JSPatch平台热修复iosApp

最新推荐文章于 2021-05-28 18:17:05 发布

转载最新推荐文章于 2021-05-28 18:17:05 发布 · 311 阅读

iOS 专栏收录该内容

175 篇文章

订阅专栏

本文介绍JSPatch如何帮助iOS应用实现快速热修复，通过JavaScript动态调整Objective-C原生API，即时解决线上严重bug，避免漫长的App Store审核流程。

iOS产品开发中常常会遇到这种情况，线上发现一个严重bug,可能是一个crash,可能是一个功能无法使用，这时能做的只是赶紧修复Bug然后提交等待漫长的审核，即使申请加急也不会快到那里去，即使审核完了之后，还要盼望着用户快点升级，用户不升级还是在存在同样的漏洞，这样的情况让开发者付出了很大的成本才能完成Bug的修复。

JSPath就是为了解决这样的问题而出现的，只需要在项目中引入极小的JSPatch引擎，就可以还用JavaScript语言调用Objective-C的原生API，动态更新APP，修复BUG。

JSPaht本身是开源项目,项目地址:http://jspatch.com/,github地址: https://github.com/bang590/JSPatch
在他的官网上面给出了一个例子:

 1 @implementation JPTableViewController
 2 ...
 3 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
 4 {
 5   NSString *content = self.dataSource[[indexPath row]];  //可能会超出数组范围导致crash
 6   JPViewController *ctrl = [[JPViewController alloc] initWithContent:content];
 7   [self.navigationController pushViewController:ctrl];
 8 }
 9 ...
10 @end

可以通过下发下面的JavaScript代码修复这个bug:

 1 //JS
 2 defineClass("JPTableViewController", {
 3   //instance method definitions
 4   tableView_didSelectRowAtIndexPath: function(tableView, indexPath) {
 5     var row = indexPath.row()
 6     if (self.dataSource().length > row) {  //加上判断越界的逻辑
 7       var content = self.dataArr()[row];
 8       var ctrl = JPViewController.alloc().initWithContent(content);
 9       self.navigationController().pushViewController(ctrl);
10     }
11   }
12 }, {})

JSPtch需要一个后台服务用来下发和管理脚本，并需要处理传输安全等。

注册获取AppKey

在平台上面注册一个账户，新建一个App可以拿到对应的AppKey。

导入SDK到项目中

SDK地址:http://jspatch.com/Index/sdk
当前下载下来的SDK版本名称是:JSPatch 2.framework,需要去掉中间的空格，不然导入项目的时候会报错。
导入项目的时候要选择Copy items if needed。
还需要添加对于的依赖框架JavaScriptCore.framework和libz.tbd.

添加JSPatch代码

在AppDelegate.m中添加代码:

 1 #import "AppDelegate.h"
 2 #import <JSPatch/JSPatch.h>
 3 
 4 @implementation AppDelegate
 5 
 6 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
 7     [JSPatch startWithAppKey:@"f78378d77e5783e8"];
 8     [JSPatch sync];
 9     return YES;
10 }
11 @end

在平台中上传js修复文件

为了简单我们只上传一个简单的UIAlertView,弹出一个提示框：

1 ar alertView = require('UIAlertView').alloc().init();
2 alertView.setTitle('Alert');
3 alertView.setMessage('AlertView from js');
4 alertView.addButtonWithTitle('OK');
5 alertView.show();

用JavaScript实例化了UIAlertView，文件名需要命名为main.js。

从服务器下发到客户端

把main.js上传到服务器上，下发到版本为1.0的客户端上面。
在请求服务加载脚本的时候出现了一个错误：The resource could not be loaded because the App Transport Security policy requires the use of a secure connection.
这个错误出现的原因是ios9引入了新特性App Transport Security(ATS),简单来说就是APP内部的请求必须使用HTTPS协议。
很明显这里的url并没有使用https，我们可以通过设置先规避掉这个问题:

1.在info.plist中添加NSAppTransportSecurity类型为Dictionary.
2.在NSAppTransportSecurity中添加NSAllowsArbitraryLoads类型为Boolean，值为YES

id="iframe_0.1304364084538192" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22https://segmentfault.com/img/bVuOP8?_=5403182%22%20style=%22border:none;max-width:848px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.1304364084538192',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="margin: 0px; padding: 0px; border-width: initial; border-style: none; width: 800px; height: 141px;">

运行效果：
id="iframe_0.3852902944239738" src="data:text/html;charset=utf8,%3Cimg%20id=%22img%22%20src=%22https://segmentfault.com/img/bVuOQ0?_=5403182%22%20style=%22border:none;max-width:848px%22%3E%3Cscript%3Ewindow.onload%20=%20function%20()%20%7Bvar%20img%20=%20document.getElementById('img');%20window.parent.postMessage(%7BiframeId:'iframe_0.3852902944239738',width:img.width,height:img.height%7D,%20'http://www.cnblogs.com');%7D%3C/script%3E" frameborder="0" scrolling="no" style="margin: 0px; padding: 0px; border-width: initial; border-style: none; width: 281px; height: 522px;">