最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

iOS端React Native差異化增量更新的實現(xiàn)方法

 更新時間:2018年06月12日 08:32:49   作者:大白米飯  
這篇文章主要給大家介紹了關于iOS端React Native差異化增量更新的實現(xiàn)方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

前言

作為一名iOS原生開發(fā)工程師,通過一個禮拜的面試之后發(fā)現(xiàn),原來并不想學的react-native真的是火的一塌糊涂,坐標:杭州,很多公司招聘iOS開發(fā)除了原來的OC和Swift,多了一門新語言:react-native,真的是要人老命啊,Swift4.0剛剛看完,又得花時間學RN。入職之后也開始學react-native,算是小白一枚,下面是我的個人總結,有大神看出錯誤,請不要打我或者罵我,聯(lián)系我郵箱dadadoubi@qq.com。

RN具有的優(yōu)勢有很多,跨平臺開發(fā),一套代碼Android和iOS通用,熱更新,不用一直等蘋果爸爸慢吞吞的審核流程,所謂工欲善其事,必先利其器,RN的熱更新部署肯定得學下,今天就總結一下一個剛學RN的小白對熱更新的理解。

個人理解,RN的熱更新有點類似App的版本更新,app內(nèi)版本號與server端匹配,來判斷是否要更新,替換加載的jsbundle文件,然后加載新的jsbundle文件來實現(xiàn)版本更新,那么實質(zhì)上就是把app內(nèi)要加載的jsbundle文件替換掉就OK了。

原理分析

簡單介紹了一下原理,那么廢話不多說,直接開始寫了,這篇文章主要講的是前面兩步:jsbundle的打包命令和差異化的比較

react-native打ios離線包

打包命令說明

react-native bundle
Options:
--entry-file <path>   Path to the root JS file, either absolute or relative to JS root
(一般為index.js文件)
--platform [string]   Either "ios" or "android"
(RN入口文件的路徑, 絕對路徑或相對路徑)
--transformer [string]  Specify a custom transformer to be used

--dev [boolean]    If false, warnings are disabled and the bundle is minified
(如果為false, 警告會不顯示并且打出的包的大小會變小,默認為--dev true)
--prepack     When passed, the output bundle will use the Prepack format.
(當通過時, 打包輸出將使用Prepack格式化,默認為--prepack false)
--bridge-config [string]  File name of a a JSON export of __fbBatchedBridgeConfig. Used by Prepack. Ex. ./bridgeconfig.json
(使用Prepack的一個json格式的文件__fbBatchedBridgeConfig 例如: ./bridgeconfig.json)
 --bundle-output <string>  File name where to store the resulting bundle, ex. /tmp/groups.bundle
(打包后的文件輸出目錄, 例: /tmp/groups.bundle)
--bundle-encoding [string] Encoding the bundle should be written in (https://nodejs.org/api/buffer.html#buffer_buffer).[default: "utf8"]
(打離線包的格式 可參考鏈接https://nodejs.org/api/buffer.html#buffer_buffer.默認為utf-8格式)
---sourcemap-output [string] File name where to store the sourcemap file for resulting bundle, ex. /tmp/groups.map
(生成Source Map,但0.14之后不再自動生成source map,需要手動指定這個參數(shù)。例: /tmp/groups.map)
--assets-dest [string]  Directory name where to store assets referenced in the bundle
(打包時圖片資源的存儲路徑)
--verbose     Enables logging
(顯示打包過程)
--reset-cache    Removes cached files
(移除緩存文件)
--config [string]   Path to the CLI configuration file
(命令行的配置文件路徑)

事實上上面打包命令說明不看也沒事,下面是具體操作

1. cd [項目路徑]

2.  在react-native根目錄下的ios目錄下新建bundle文件夾(mkdir ./ios/bundle)(注意:輸入打包命令前必須先新建bundle文件夾)

3. 打包命令:react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ./ios/bundle/index.ios.jsbundle --assets-dest ./ios/bundle/

4. 結果展示![clipboard.png](/img/bV8rS9)

當rn項目中有引用圖片資源時,打包出來為下面示意圖(如果圖片資源是在xcode工程內(nèi)部時則不會生成)

patches.pad差異化文件終端生成方案

利用google的diff文件(資料查出來,這個比較受歡迎,同時也兼容Objective-C),github地址:https://github.com/google/dif...

1.終端輸入:git clone https://github.com/LiuC520/nodediffpatch.git

2.終端輸入:cd nodediffpatch && npm i

3.終端輸入:sudo npm link

4.把新舊文件放入nodediffpatch/patch目錄下

5.終端輸入:patbundle patch -o test01old.jsbundle -n test01new.jsbundle

這樣,用終端的生成差異化文件就OK了。

iOS實現(xiàn)生成差異化文件

首先,得先把diff-match-patch下載下來,需要集成它

集成有優(yōu)化方案有大神知道的話跟我說一下,我反正是用很粗糙的做法,將它的類直接拖入你的工程中,不知道的也可以用我的方式。簡單在,直接,嘿嘿!

把這些文件拖入到工程中,選擇create group方式,(別噴,要臉,是在不知道怎么集成)“集成”后的項目結構

然后導入(#import "DiffMatchPatch.h")就可以開始用了,下面演示用l1.txt和l2.txt文件來展示,可以比較直觀的看出效果

l1.txt文本:123

l2.txt文本:12345

- (void)demo1{
 // 獲取l1.txt文件路徑
 NSString *path01 = [[NSBundle mainBundle]pathForResource:@"l1" ofType:@"txt"];
 // 根據(jù)l1.txt文件路徑獲取data內(nèi)容
 NSData *data01 = [NSData dataWithContentsOfFile:path01];
 // 將data內(nèi)容轉(zhuǎn)換成字符串格式
 NSString *str01 = [[NSString alloc] initWithData:data01 encoding:NSUTF8StringEncoding];
 // 獲取l2.txt文件路徑
 NSString *path02 = [[NSBundle mainBundle]pathForResource:@"l2" ofType:@"txt"];
 // 根據(jù)l2.txt文件路徑獲取data內(nèi)容
 NSData *data02 = [NSData dataWithContentsOfFile:path02];
 // 將data內(nèi)容轉(zhuǎn)換成字符串格式
 NSString *str02 = [[NSString alloc] initWithData:data02 encoding:NSUTF8StringEncoding];
 // 創(chuàng)建DiffMatchPatch工具類對象
 DiffMatchPatch *patch = [[DiffMatchPatch alloc]init];
 // 對比文件內(nèi)容
 // 執(zhí)行該語句之后會在bundle目錄下生成patches.bat文件(差異補丁文件)
 NSMutableArray *patchesArr = [patch diff_mainOfOldString:str01 andNewString:str02 checkLines:YES];
 // 生成差異補丁包
 NSArray *patchesArr1 = [patch patch_makeFromDiffs:patchesArr];
 // 解析補丁包
 NSArray *newArray = [patch patch_apply:patchesArr1 toString:str01];
 //寫入到新文件(注意:這邊為了在PC端更加直觀的看,直接寫入到絕對路徑)
 BOOL isTrue = [newArray[0] writeToFile:@"/Users/devil/Desktop/自己的/RNPlatForm/ios/l1.txt" atomically:YES encoding:NSUTF8StringEncoding error:nil];
 if (isTrue) {
 NSLog(@"寫入成功");
 }else{
 NSLog(@"寫入失敗");
 }
}

執(zhí)行代碼后:

l1.txt文本:12345

當然,你可以打印一下path01路徑字符串,在這個路徑下會生成patches.pat差異化文件,我執(zhí)行的時候打斷點發(fā)現(xiàn)

NSMutableArray *patchesArr = [patch diff_mainOfOldString:str01 andNewString:str02 checkLines:YES];

執(zhí)行該語句之后生成,但是用[[NSBundle mainBundle]pathForResource:@"patches" ofType:@"pat"];訪問不到文件,有大神知道什么原因可以跟我說下。

iOS實現(xiàn)patches.pat與舊jsbundle離線包合并得到新的jsbundle離線包

- (void)demo2{
 // 獲取l1.txt文件路徑
 NSString *path01 = [[NSBundle mainBundle]pathForResource:@"l1" ofType:@"txt"];
 // 根據(jù)l1.txt文件路徑獲取data內(nèi)容
 NSData *data01 = [NSData dataWithContentsOfFile:path01];
 // 將data內(nèi)容轉(zhuǎn)換成字符串格式
 NSString *str01 = [[NSString alloc] initWithData:data01 encoding:NSUTF8StringEncoding];
 // 創(chuàng)建DiffMatchPatch工具類對象
 DiffMatchPatch *patch = [[DiffMatchPatch alloc]init];
 // 獲取差異化文件包路徑
 NSString *patchesPath = [[NSBundle mainBundle]pathForResource:@"patches.pat" ofType:nil];
 //獲取差異化文件內(nèi)容
 NSData *patchesData = [NSData dataWithContentsOfFile:patchesPath];
 //解析差異化文件內(nèi)容
 NSString *patchesStr = [[NSString alloc]initWithData:patchesData encoding:NSUTF8StringEncoding];
 //轉(zhuǎn)換pat
 NSMutableArray *patchesArr = [patch patch_fromText:patchesStr error:nil];
 // 解析補丁包
 NSArray *newArray = [patch patch_apply:patchesArr toString:str01];
 //獲取新文件路徑
// NSString *newFilePath = [[NSBundle mainBundle]pathForResource:@"text3" ofType:@"txt"];
 //寫入到新文件(注意:這邊為了在PC端更加直觀的看,直接寫入到絕對路徑)
 BOOL isTrue = [newArray[0] writeToFile:@"/Users/devil/Desktop/自己的/RNPlatForm/ios/text3.txt" atomically:YES encoding:NSUTF8StringEncoding error:nil];
 if (isTrue) {
 NSLog(@"寫入成功");
 }else{
 NSLog(@"寫入失敗");
 }
}

實現(xiàn)本地更新離線包

//創(chuàng)建兩個按鈕,第一個按鈕跳轉(zhuǎn)RN界面,加載jsbundle包,第二個按鈕負責更新jsbundle包
UIButton *btn4 = [[UIButton alloc]init];
 [btn4 setTitle:@"第五個" forState:UIControlStateNormal];
 [btn4 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
 btn4.frame = CGRectMake(40, 170, 60, 30);
 [btn4 addTarget:self action:@selector(clickFifth) forControlEvents:UIControlEventTouchUpInside];
 [self.view addSubview:btn4];
 
 UIButton *btn5 = [[UIButton alloc]init];
 [btn5 setTitle:@"更新第五個界面" forState:UIControlStateNormal];
 [btn5 setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
 btn5.frame = CGRectMake(40, 200, 60, 30);
 [btn5 addTarget:self action:@selector(demo2) forControlEvents:UIControlEventTouchUpInside];
 [self.view addSubview:btn5];
//btn4按鈕點擊事件
- (void)clickFifth{
 NSURL *jsCodeLocation;
 jsCodeLocation = [[NSBundle mainBundle]URLForResource:@"test01old" withExtension:@"jsbundle"];
 [self creactRNPath:jsCodeLocation moduleName:@"test01platcode"]; 
}

- (void)creactRNPath:(NSURL *)jsCodeLocation moduleName:(NSString *)moduleName{
 RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
              moduleName:moduleName
            initialProperties:nil

總結

以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。

相關文章

  • IOS安裝包比Android容量大的原因

    IOS安裝包比Android容量大的原因

    這篇文章主要介紹了為什么IOS安裝包比Android容量大的原因,如果你是一個IOS或者安卓開發(fā)者,學習下相關知識吧。
    2018-02-02
  • iOS模仿微信長按識別二維碼的多種方式

    iOS模仿微信長按識別二維碼的多種方式

    這篇文章主要介紹了iOS模仿微信長按識別二維碼的兩種方式,文章第二種方式是識別網(wǎng)頁中的二維碼,具體思路詳解大家參考下本文
    2017-07-07
  • IOS 應用內(nèi)顯示 AppStore 某個應用的詳情

    IOS 應用內(nèi)顯示 AppStore 某個應用的詳情

    本文主要介紹ISO應用內(nèi)打開AppStorn 顯示某個應用詳情,這里幫大家總結了兩種方法,大家對比一下,在項目中選擇應用,
    2016-07-07
  • iOS中關于Cookie驗證登錄狀態(tài)

    iOS中關于Cookie驗證登錄狀態(tài)

    這篇文章主要介紹了iOS中關于Cookie驗證登錄狀態(tài)的相關資料,需要的朋友可以參考下
    2017-05-05
  • iOS UITextField 顯示銀行卡格式的方法

    iOS UITextField 顯示銀行卡格式的方法

    下面小編就為大家分享一篇iOS UITextField 顯示銀行卡格式的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-01-01
  • IOS實現(xiàn)手動截圖并保存

    IOS實現(xiàn)手動截圖并保存

    這篇文章主要介紹了IOS實現(xiàn)手動剪裁圖片并保存到相冊,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-01-01
  • iOS微信第三方登錄實例

    iOS微信第三方登錄實例

    這篇文章主要為大家詳細介紹了iOS微信第三方登錄實現(xiàn)過程,一步一步告訴大家iOS微信實現(xiàn)第三方登錄的方法,感興趣的小伙伴們可以參考一下
    2016-12-12
  • Flutter使用push pop方法及路由進行導航詳解

    Flutter使用push pop方法及路由進行導航詳解

    這篇文章主要為大家介紹了Flutter使用push pop方法及路由進行導航詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2022-09-09
  • OpenCV??iOS?圖像處理編程入門詳細教程

    OpenCV??iOS?圖像處理編程入門詳細教程

    這篇文章主要介紹了OpenCV?iOS?圖像處理編程入門,OpenCV?的應用領域非常廣泛,包括圖像拼接、圖像降噪、產(chǎn)品質(zhì)檢、人機交互、人臉識別、動作識別、動作跟蹤、無人駕駛等,對于圖像處理、人機交互及機器學習算法感興趣的可以選擇一個方向進行深入的研究
    2022-07-07
  • iOS中只讓textField使用鍵盤通知的實例代碼

    iOS中只讓textField使用鍵盤通知的實例代碼

    本文通過實例代碼給大家介紹了OS中只讓textField使用鍵盤通知的操作方法,代碼簡單易懂,非常不錯,具有參考借鑒加載,需要的的朋友參考下吧
    2017-07-07

最新評論

武隆县| 辉南县| 遂溪县| 砚山县| 黄梅县| 怀远县| 全南县| 崇阳县| 麻城市| 金平| 江陵县| 阿克苏市| 灌云县| 如东县| 霞浦县| 四川省| 双牌县| 宁强县| 天柱县| 栾城县| 葫芦岛市| 调兵山市| 额尔古纳市| 图木舒克市| 石楼县| 景宁| 蓬安县| 沅陵县| 长岛县| 晋城| 绵竹市| 仙居县| 保亭| 新宁县| 卫辉市| 潮州市| 定陶县| 阜阳市| 宁强县| 衢州市| 宜兰市|