JSPatch集成以及写js中遇到的问题

1、摘要

由于iOS应该审核周期过长,运气不好时会遇到各种被拒,有时候上传的新版�基于上版本只修改了一小部分代码,这时候完全可以用hotfix来实现。这里主要介绍:JSPatch,它是一款用于iOS开发第三方热修复引擎。

2、集成

笔者采用的是cocoapods,只需在Podfile文件中添加:pod 'JSPatch', '~> 1.1'

platform :ios, "7.0"
target :'timeLineCellList' do
pod 'Masonry'
pod 'SDWebImage'
pod 'JSPatch', '~> 1.1'
end

3、代码集成

由于可以通过js文件来调用你的任何OC方法,若js受到攻击被更改,那么会严重影响到app,这样我们肯定不能允许此类事情发生。一般在js文件提交到仓库以后后端应该对这一段js代码进行 md5或者更高手段的编码。这里,我们采用的是des加密,js文件加密后再给运营去上传到后台管理系统。我们再把下载下来的二进制文件对称解密再执行引擎即可。

  • AppDelegate中集成如下
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    
    // 启动修复引擎
    [self runJSPatch];//运行补丁
    ...//其它代码
    return YES;
}
#pragma mark - 运行补丁
- (void)runJSPatch
{
    NSString *config = @"";
#if DEBUG
    config = @"debug";
#else
    config = @"release";
#endif
    
    NSInteger v = [[[NSBundle mainBundle] objectForInfoDictionaryKey:(NSString *)kCFBundleVersionKey] integerValue];//bundle内部版本号
    NSString *version = [[NSBundle mainBundle] objectForInfoDictionaryKey:@"CFBundleShortVersionString"];//发布版本号,3位如:1.1.0
    NSString *fileName = [NSString stringWithFormat:@"patch.%@.%ld.luac",version,(long)v];
    NSString *docuPath = [NSSearchPathForDirectoriesInDomains(NSDocumentDirectory, NSUserDomainMask, YES) firstObject];
    NSString *filepath = [docuPath stringByAppendingPathComponent:fileName];
    NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"http://app.***.com/myapp/%@/%@",config,fileName]];
    
    
    NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url
                                                           cachePolicy:NSURLRequestReloadIgnoringCacheData
                                                       timeoutInterval:3];
    NSError *error;
    NSHTTPURLResponse *response;

    NSData *data = [NSURLConnection sendSynchronousRequest:request returningResponse:&response error:&error];
    
    if(!error && response.statusCode == 200)
    {
        // 写入到沙盒中
        [data writeToFile:filepath atomically:YES];//这里还可以做删除旧的,只保留最新的js文件的处理,不帖代码了。
    }
    else
    {
        data = [NSData dataWithContentsOfFile:filepath];
    }
    
    if(data)
    {
        data = [data decryptWithKey:[JSPatchEncryptKey stringOfHexString]  iv:[JSPatchEncryptIV stringOfHexString]];//des解密
        if(!error)
        {
            NSString *js = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
            if(js)
            {
                [JPEngine startEngine];
                [JPEngine evaluateScript:js];
            }
        }
    }
}
  • js文件正确性测试
把下面这段代码添加到上面的方法的最前面,
NSString *jsFilePath = @"/Users/***/Desktop/release.1.1.40.js";//我这里是直接放在桌面上
NSString *js = [[NSString alloc] initWithContentsOfFile:jsFilePath encoding:NSUTF8StringEncoding error:nil];
if(js)
{
        [JPEngine startEngine];
       [JPEngine evaluateScript:js];
}
return;
  • 加密给后台以供客户端下载
如果你测试上面的写的js代码没问题后,那么就手动加密,然后把加密文件给运营或后台上传到后台管理系统中,这样你就可以下载修复bug了。
//------- js加密---加密后给运营的
NSString *toEncptyPath = @"/Users/***/Desktop/release.1.1.40.js";//桌面上js路径
NSData *toEncptyData = [NSData dataWithContentsOfFile:toEncptyPath];
NSData *encptyData = [toEncptyData encryptWithKey:[JSPatchEncryptKey stringOfHexString] iv:[JSPatchEncryptIV stringOfHexString]];//des加密
// 写到桌面,到时候给运营上传到后台管理系统
[encptyData writeToFile:@"/Users/***/Desktop/release.toService.data" atomically:YES];// 写到桌面
  • des加密方法

@implementation NSData (Des)

// 解密
- (NSData *)decryptWithKey:(NSString *)key iv:(NSString *)iv
{
    return [self crypto:kCCDecrypt key:key.UTF8String iv:iv.UTF8String];
}

// 加密
- (NSData *)encryptWithKey:(NSString *)key iv:(NSString *)iv
{
    return [self crypto:kCCEncrypt key:key.UTF8String iv:iv.UTF8String];
}

- (NSData *)crypto:(CCOperation)operation  key:(const char *)key iv:(const char *)iv
{
    if(!self.length)
    {
        return nil;
    }
    
    //密文长度
    size_t size = self.length + kCCKeySizeDES;
    
    Byte *buffer = (Byte *)malloc(size * sizeof(Byte));
    
    //结果的长度
    size_t numBytes = 0;
    
    //CCCrypt函数 加密/解密
    CCCryptorStatus cryptStatus = CCCrypt(
                                          operation,//  加密/解密
                                          kCCAlgorithmDES,//  加密根据哪标准(des3desaes)
                                          kCCOptionPKCS7Padding,//  选项组密码算(des:每块组加密  3DES:每块组加三同密)
                                          key,//密钥    加密解密密钥必须致
                                          kCCKeySizeDES,//  DES 密钥(kCCKeySizeDES=8)
                                          iv,//  选初始矢量
                                          self.bytes,// 数据存储单元
                                          self.length,// 数据
                                          buffer,// 用于返数据
                                          size,
                                          &numBytes
                                          );
    
    
    NSData *result = nil;
    
    if(cryptStatus == kCCSuccess)
    {
        result = [NSData dataWithBytes:buffer length:numBytes];
    }
    
    //释放指针
    free(buffer);
    
    return result;
}

@end

4、修复示例

-> JSPatch语法,官方文档讲的很清楚,点击查看中文文档
-> 一般情况下,我们使用oc自动转js工具来实现大部分修复代码,然后再自己修改一下就ok了。

下面介绍两个修改示例,在这里碰到的语法问题在5、碰到问题中会列出。

  • 修改MyBeautyPlanDailyViewController控制器中viewDidLoad方法
OC方法如下:
- (void)viewDidLoad {
    [super viewDidLoad];
    self.title = @"时间轴式cell展示";
    
    _tableView = [[UITableView alloc] initWithFrame:self.view.frame style:UITableViewStylePlain];
    _tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    _tableView.dataSource = self;
    _tableView.delegate = self;
    [self.view addSubview:_tableView];
}

JS代码:
// 修改控制器中viewDidLoad方法
require('UIView,UIColor,UITableView,UITableViewStyle')
defineClass('MyBeautyPlanDailyViewController',{
            // 1、改变导航栏的标题
            viewDidLoad:function() {
                self.super().viewDidLoad();
                self.setTitle("JSPatch修改的标题");
                _tableView = UITableView.alloc().initWithFrame_style(self.view().frame(), 0);
                _tableView.setSeparatorStyle(0);//枚举变量直接用数值
                _tableView.setDataSource(self);
                _tableView.setDelegate(self);
                self.view().addSubview(_tableView);
            }        
});
  • 修改BeautyDailyTableViewCell中setModel:方法
OC方法如下:
- (void)setModel:(BeautyDailyModel *)model
{
    _model = model;
    _timeLabel.text = model.time;
    
    NSMutableParagraphStyle *paragraphStyle = [[NSMutableParagraphStyle alloc]init];
    [paragraphStyle setLineSpacing:4];//调整行间距
    NSDictionary *attributes = @{NSFontAttributeName:self.contentLabel.font,NSParagraphStyleAttributeName:paragraphStyle};
    NSAttributedString *attrString = [[NSAttributedString alloc] initWithString:model.content attributes:attributes];
    _contentLabel.attributedText = attrString;
    
    if ([model.imgUrl isEqualToString:@""] || model.imgUrl == nil) {
        _recordImageView.hidden = YES;
        [_recordImageView mas_remakeConstraints:^(MASConstraintMaker *make) {
            make.top.equalTo(_contentLabel.mas_bottom).offset(10);
            make.centerX.equalTo(_contentLabel);
            make.height.width.equalTo(@0);
        }];
    } else {
        _recordImageView.hidden = NO;
        [_recordImageView setImageWithURL:[NSURL URLWithString:model.imgUrl] placeholderImage:[UIImage imageNamed:@"point"]];
        [_recordImageView mas_remakeConstraints:^(MASConstraintMaker *make) {
            make.top.equalTo(_contentLabel.mas_bottom).offset(10);
            make.centerX.equalTo(_contentLabel);
            make.height.width.equalTo(@100);
        }];
    }
    _lineView.hidden = model.isLast ? YES : NO;

}

JS代码:
// 修改cell中的setModel方法
require('NSMutableParagraphStyle,NSAttributedString,NSURL,UIImage,UIFont');
defineClass('BeautyDailyTableViewCell', {
            setModel: function(model) {
            _model = model;
            // 改日期为自己写的,不用后台返回的
            self.timeLabel().setText("JSPatch日期");// model.time()
            
            var paragraphStyle = NSMutableParagraphStyle.alloc().init();
            paragraphStyle.setLineSpacing(4); //调整行间距
            var attributes = {
            "NSFont":self.contentLabel().font(),//NSFontAttributeName-->"NSFont"
            "NSParagraphStyle": paragraphStyle// NSParagraphStyleAttributeName-->"NSParagraphStyle"
            };
            var attrString = NSAttributedString.alloc().initWithString_attributes(model.content(), attributes);
            self.contentLabel().setAttributedText(attrString);
            
            if (model.imgUrl()=="") {
            self.recordImageView().setHidden(YES);
            self.recordImageView().mas__remakeConstraints(block('MASConstraintMaker*', function(make) {
                                                         make.top().equalTo()(self.contentLabel().mas__bottom()).offset()(10);//mas_bottom()-->mas__bottom()要多加一个下划线
                                                         make.centerX().equalTo()(self.contentLabel());
                                                         make.height().width().equalTo()(0);
                                                         }));
            } else {
            self.recordImageView().setHidden(NO);
            self.recordImageView().setImageWithURL_placeholderImage(NSURL.URLWithString(model.imgUrl()), UIImage.imageNamed("point"));
            self.recordImageView().mas__remakeConstraints(block('MASConstraintMaker*', function(make) {
                                                         make.top().equalTo()(self.contentLabel().mas__bottom()).offset()(10);
                                                         make.centerX().equalTo()(self.contentLabel());
                                                         make.height().width().equalTo()(100);
                                                         }));
            }
            self.lineView().setHidden(model.isLast() ? YES : NO);
            
            },
});

5、碰到的问题

  • 1、 oc中的枚举变量在js中直接报错
    我们采取直接写数值,先在oc中查看该枚举值为多少,在js中直接用int类型常量替换即可
  • 2、 oc中常量字符串,如:NSFontAttributeName在js中报错
    先在oc中,用NSLog打印出该字符串常量的值,然后在js中直接写即可,例如NSFontAttributeName我们打印出来是NSFont,那么在js中写"NSFont"即可
  • 3、Masonry在js中自动转换后报错
    如:mas_bottom()等,报找不到变量等,这里查看jspatch基础语法可知:若原 OC 方法名里包含下划线 _,在 JS 使用双下划线 __ 代替

本文demo地址:JSPatchFixbug-Demo

未完待续...

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,657评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,662评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,143评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,732评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,837评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,036评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,126评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,868评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,315评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,641评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,773评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,859评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,584评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,676评论 2 351

推荐阅读更多精彩内容