iOS JSPatch -> 热更新
2017-01-11 本文已影响298人
大王叫我来巡山_Cong
iOS 10.jpg
介绍:
- JSPatch可以用于热更新,修复严重的线上bug。用作紧急的小需求,是从服务器上拉js脚本。理论上是可以修改和新建所有的模块。但是不建议这样做。
介绍下其它的热更新方式:
- Weex:
跨平台,iOS、Android都可以运行。用前端语法实现原生效果。比React Native更好用。week基于vue.js,安装cli之后就可以使用。
- React Native:
不能一套代码多端运行,需要分别做点修改。React Native 可以动态添加业务模块,但无法做到修改原生OC代码。
- 动态库:
可以做demo用,真实使用的时候会被苹果禁止。
因为 打包发到AppStore的ipa安装包 里的每个动态库 都有唯一的编码,iOS系统会进行验证,所以动态通过网络获取 新的动态库 也用不了。
- DynamicCocoa:
滴滴iOS的一个框架,与JSPatch比更加智能化,用OC在XCode中写完代码,用工具可以自动生成可以更新的js文件。
动手来做:
- 1、去 git 上把 JSPatch 下载下来,导入到工程文件中。或者使用CocoaPods (强烈建议使用,不知道? 请百度一下)。
pod 'JSPatch' - 2、项目中假如有个方法是这样写的:
- (void)testLog { [self performSelector:@selector(delayMethod) withObject:nil/*可传任意类型参数*/ afterDelay:1.0]; }
delayMethod 这个方法是没有实现的,所以会闪退。
一般这个时候 我们会通过发版本来修复这个bug,但是这样子有2个弊端:
- 版本审核时间长(之前是一个星期,现在是1 - 3天)。
- 你怎么确定用户会自动更新?(有的 WiFi 的自动更新App Store给关闭了)。
现在我们可以通过 JSPatch 来修改。
- 3、写个 js 文件(app 上架后是通过去服务器拉取 js ,我们现在为了展示效果,直接拉到工程文件中)。
//main.js
require('UIView, UIColor');
defineClass("ViewController", {
testLog: function() {
//这个是在 Xcode 控制台输出。
console.log('test')
//这个是在 创建一个黄色背景色的view。
var yellow = UIColor.yellowColor()
var view = UIView.alloc().initWithFrame({x:100, y:100, width:100, height:100});
view.setBackgroundColor(yellow);
self.view().addSubview(view);
}
}, {});
- 4、在 AppDelegate.m 中 导入
#import "JPEngine.h"
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
[JPEngine startEngine];
NSString *sourcePath = [[NSBundle mainBundle] pathForResource:@"main" ofType:@"js"];
NSString *script = [NSString stringWithContentsOfFile:sourcePath encoding:NSUTF8StringEncoding error:nil];
[JPEngine evaluateScript:script];
return YES;
}
- 5、运行看效果
![效果图.png](https://img.haomeiwen.com/i1622166/27964f13209d166e.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
#JSPatch 平台
[点击去看](http://jspatch.com/Docs/intro)
这个是让我们更为方便的去实现 JSPatch
直接把 js 文件放到平台上就行了(当然啦 是有偿的)。
调用很简单
//线上版本更新
[JSPatch startWithAppKey:@"appKey"]; //传入在平台申请的 appKey,启动 JSPatch SDK。同时会自动执行已下载到本地的 patch 脚本
[JSPatch sync]; //与 JSPatch 平台后台同步,询问是否有 patch 更新,如果有更新会自动下载并执行。
//本地测试更新 不能与上面2个同时出现。
[JSPatch testScriptInBundle];
#[点击查看 JSPatch 语法和原理,很详细。](https://github.com/bang590/JSPatch/wiki)
#最后奉献上 [Demo](https://github.com/BeyoundCong/JSPathSC)