美文网首页
JSPatch热修复

JSPatch热修复

作者: WillyGeek | 来源:发表于2016-08-31 10:58 被阅读97次
    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代码转一遍, 然后再手动改一遍, 即便不是很熟练这套语法, 也可以快速进行修复.

    相关文章

      网友评论

          本文标题: JSPatch热修复

          本文链接:https://www.haomeiwen.com/subject/zzpqettx.html