JSPatch热修复

1. iOS如果线下出现bug, 这个好解决, 但如果线上出bug, 由于APP Store提交审核有时间限制, 修改完再提交怎么也得要3-4天, 于是就有了热修复. 如今热修复主要有几个相对成熟的框架, 一个Bang大神的JSPatch, 一个已停止维护几年的WaxPatch, 还有一个阿里出品的Ali-Wax. 今天就来学习下JSPatch, 学习成本较低, 只需简单的JS语法即可, 而且对oc比较友好, 缺点就是没有对js友好的编辑器, 当然官方出了个xcode的插件, 叫jspatchx, 有兴趣的可以试用一下.下面就来学习下

2. JSPatch接入比较简单, 拖一个framework,添加libz还有JavaScriptCore框架就完成了集成, 相当轻量级, 具体教程可以看官方接入文档

3. 为了熟悉JSPatch的基本用法, 个人思路就是通过JS来写OC的基本控件学习基础. 本人用的sublime text下载地址来编辑JS, 对JS相对友好一些, xcode就有点鸡肋的感觉. 在sublime text编辑完之后, 然后cmd + s 保存再运行项目. 开始的时候建议用sublime text新建一个main.js, 然后拖到你的项目里边, 如图一, 调用[JSPatch testScriptInBundle] , 这样就可以直接在项目中测试JS代码, JS编辑测试没问题之后, 就把下面注释的打开, 如图一

图一

四. 定义类, 然后引用原来方法, 然后添加新的方法进去

defineClass("ViewController",{
    viewDidLoad:function(){
        self.ORIGviewDidLoad();//引用原来的方法
})

五. 写一个简单的Label

defineClass("ViewController",{
    viewDidLoad:function(){
        self.ORIGviewDidLoad();//引用原来的方法

        var label = require('UILabel').alloc().initWithFrame({x:0,y:0,width:100,height:50});
        label.setText("Jspatch");
        label.setTextAlignment(2);//0:left 1:center 2:right
        label.setBackgroundColor(require('UIColor').redColor());
        self.view().addSubview(label);
})

六. 再写一个简单的Button

            var button = require('UIButton').buttonWithType(0);
            button.setFrame({x:50,y:50,width:100,height:50});
            button.setBackgroundColor(require('UIColor').redColor());
            button.setTitle_forState('clickMe',0);
            button.setTitleColor_forState(require('UIColor').blueColor(),0);
            self.view().addSubview(button);
            button.addTarget_action_forControlEvents(self,'handleBtn',1 <<  6);

七.写一个view, 使用Masonry进行约束. 需要注意的是, Masonry里面的方法都会带前缀mas_, 需要转换成mas__, 改成两个下划线. 这里还用到了block写法, 具体看以下代码:

            var view = UIView.alloc().init();
            view.setBackgroundColor(UIColor.blueColor());
            self.view().addSubview(view);
            
            var weakSelf = __weak(self);
            view.mas__makeConstraints(block("MASConstraintMaker*", function(make) {
                                            
                   make.left().equalTo()(weakSelf.view().mas__left()).with().offset()(34);
                   make.top().equalTo()(weakSelf.view().mas__top()).with().offset()(100);
                   make.height().with().offset()(100);
                   make.width().with().offset()(50);
                   console.log('block is coming');
           }));

写在最后, JSPatch其实有一个转换工具, 直接将OC代码转成JS代码, 知道的小伙伴不要太激动, convertor还有bug, 记得尽量避开工具的bug, 暂时知道的就是写block的话会有bug. 可以预先把oc代码转一遍, 然后再手动改一遍, 即便不是很熟练这套语法, 也可以快速进行修复.