JSPatch (實時修復App Store bug)學習(一)

JSPatch 是一個 iOS 動態更新框架,只需在項目中引入極小的引擎,就可以使用 JavaScript 調用任何 Objective-C 原生接口,獲得腳本語言的優勢:為項目動態添加模塊,或替換項目原生代碼動態修復 bug。

基礎原理

JSPatch 能做到通過 JS 調用和改寫 OC 方法最根本的原因是 Objective-C 是動態語言,OC 上所有方法的調用/類的生成都通過 Objective-C Runtime 在運行時進行,我們可以通過類名/方法名反射得到相應的類和方法:

Class class = NSClassFromString("UIViewController");

id viewController = [[class alloc] init];

SEL selector = NSSelectorFromString("viewDidLoad");

[viewController performSelector:selector];

也可以替換某個類的方法為新的實現:

static void newViewDidLoad(id slf, SEL sel) {}

class_replaceMethod(class, selector, newViewDidLoad, @"");

還可以新注冊一個類,為類添加方法:

Class cls = objc_allocateClassPair(superCls, "JPObject", 0);

objc_registerClassPair(cls);

class_addMethod(cls, selector, implement, typedesc);

對于 Objective-C 對象模型和動態消息發送的原理已有很多文章闡述得很詳細,這里就不詳細闡述了。理論上你可以在運行時通過類名/方法名調用到任何 OC 方法,替換任何類的實現以及新增任意類。所以 JSPatch 的基本原理就是:JS 傳遞字符串給 OC,OC 通過 Runtime 接口調用和替換 OC 方法。這是最基礎的原理,實際實現過程還有很多怪要打,接下來看看具體是怎樣實現的。


JSPatch github地址 (iOSdemo 下載可以看到效果)

demo 的實現原理我用下面的一副圖來表示,邏輯更清晰,修復其他的bug 原理都差不多,只要你會寫JS 代碼 理論上是可以修復任何bug 的,還可以動態的為項目添加新的模塊

JSPatch demo的實現原理對比圖

demo 介紹:本來在一個控制器中添加一個btn,btn點擊事件沒有實現;

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

//1)開啟引擎

[JPEngine startEngine];

NSString *sourcePath = [[NSBundle mainBundle] pathForResource:@"demo" ofType:@"js"];

//2)加載js腳本(正常情況下是從服務器下載后才使用,達到動態修復app bug 的目的)

//在這個js 腳本里面使用運行時機制通過類名/方法名調用到任何 OC 方法,替換任何類的實現以及新增任意類,實際上調用了demo 中按鈕的點擊方法調到一個tableview控制器,demo 中Btn 的點擊跳轉到tableview的方法沒有實現,是app啟動的時候加載js,js實現了btn的點擊并且跳轉到tableview控制器,js到底是如何實現映射是呢?

NSString *script = [NSString stringWithContentsOfFile:sourcePath encoding:NSUTF8StringEncoding error:nil];

//執行js腳本

[JPEngine evaluateScript:script];

self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];

JPViewController *rootViewController = [[JPViewController alloc] init];

UINavigationController *navigationController = [[UINavigationController alloc] initWithRootViewController:rootViewController];

self.window.rootViewController = navigationController;

[self.window makeKeyAndVisible];

[[UINavigationBar appearance] setBackgroundImage:nil forBarMetrics:UIBarMetricsCompact];

return YES;

}


JSPatch 實現熱更新app 修復線上app的bug 的核心是會寫js 腳本下面是js語言實現攔截按鈕的點擊事件 并且跳轉到一個TableView

defineClass('JPViewController', { ?handleBtn: function(sender) { ? ?var tableViewCtrl = JPTableViewController.alloc().init() ? ?self.navigationController().pushViewController_animated(tableViewCtrl, YES) ?}})defineClass('JPTableViewController : UITableViewController', ['data'], {

dataSource: function() {

var data = self.data();

if (data) return data;

var data = [];

for (var i = 0; i < 20; i ++) {

data.push("cell from js " + i);

}

self.setData(data)

return data;

},

numberOfSectionsInTableView: function(tableView) {

return 1;

},

tableView_numberOfRowsInSection: function(tableView, section) {

return self.dataSource().length;

},

tableView_cellForRowAtIndexPath: function(tableView, indexPath) {

var cell = tableView.dequeueReusableCellWithIdentifier("cell")

if (!cell) {

cell = require('UITableViewCell').alloc().initWithStyle_reuseIdentifier(0, "cell")

}

cell.textLabel().setText(self.dataSource()[indexPath.row()])

return cell

},

tableView_heightForRowAtIndexPath: function(tableView, indexPath) {

return 60

},

tableView_didSelectRowAtIndexPath: function(tableView, indexPath) {

var alertView = require('UIAlertView').alloc().initWithTitle_message_delegate_cancelButtonTitle_otherButtonTitles("Alert",self.dataSource()[indexPath.row()], self, "OK", ?null);

alertView.show()

},

alertView_willDismissWithButtonIndex: function(alertView, idx) {

console.log('click btn ' + alertView.buttonTitleAtIndex(idx).toJS())

}

})


參考文獻:

JSPatch 詳解整改版


______

- 作者開發經驗總結的文章推薦,持續更新學習心得筆記

[Runtime 10種用法(沒有比這更全的了)](http://www.lxweimin.com/p/3182646001d1)

[成為iOS頂尖高手,你必須來這里(這里有最好的開源項目和文章)](http://www.lxweimin.com/p/8dda0caf47ea)

[iOS逆向Reveal查看任意app 的界面](http://www.lxweimin.com/p/060745d5ecc2)

[JSPatch (實時修復App Store bug)學習(一)](http://www.lxweimin.com/p/344db07a2374)

[iOS 高級工程師是怎么進階的(補充版20+點)](http://www.lxweimin.com/p/1f2907512046)

[擴大按鈕(UIButton)點擊范圍(隨意方向擴展哦)](http://www.lxweimin.com/p/ce2d3191224f)

[最簡單的免證書真機調試(原創)](http://www.lxweimin.com/p/c724e6282819)

[通過分析微信app,學學如何使用@2x,@3x圖片](http://www.lxweimin.com/p/99f1f924ae45)

[TableView之MVVM與MVC之對比](http://www.lxweimin.com/p/d690b5d97201)

[使用MVVM減少控制器代碼實戰(減少56%)](http://www.lxweimin.com/p/f85363c82ea1)

[ReactiveCocoa添加cocoapods 配置圖文教程及坑總結](http://www.lxweimin.com/p/66f0c7e1ced8)

______

- 作者開發經驗總結的文章推薦,持續更新學習心得筆記

[Runtime 10種用法(沒有比這更全的了)](http://www.lxweimin.com/p/3182646001d1)

[成為iOS頂尖高手,你必須來這里(這里有最好的開源項目和文章)](http://www.lxweimin.com/p/8dda0caf47ea)

[iOS逆向Reveal查看任意app 的界面](http://www.lxweimin.com/p/060745d5ecc2)

[JSPatch (實時修復App Store bug)學習(一)](http://www.lxweimin.com/p/344db07a2374)

[iOS 高級工程師是怎么進階的(補充版20+點)](http://www.lxweimin.com/p/1f2907512046)

[擴大按鈕(UIButton)點擊范圍(隨意方向擴展哦)](http://www.lxweimin.com/p/ce2d3191224f)

[最簡單的免證書真機調試(原創)](http://www.lxweimin.com/p/c724e6282819)

[通過分析微信app,學學如何使用@2x,@3x圖片](http://www.lxweimin.com/p/99f1f924ae45)

[TableView之MVVM與MVC之對比](http://www.lxweimin.com/p/d690b5d97201)

[使用MVVM減少控制器代碼實戰(減少56%)](http://www.lxweimin.com/p/f85363c82ea1)

[ReactiveCocoa添加cocoapods 配置圖文教程及坑總結](http://www.lxweimin.com/p/66f0c7e1ced8)


最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,533評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,055評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事?!?“怎么了?”我有些...
    開封第一講書人閱讀 175,365評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,561評論 1 307
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,346評論 6 404
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 54,889評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 42,978評論 3 439
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,118評論 0 286
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,637評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,558評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,739評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,246評論 5 355
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 43,980評論 3 346
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,362評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,619評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,347評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,702評論 2 370

推薦閱讀更多精彩內容