React-Native 打離線包 真機調(diào)試

0x01 打bundle命令 (iOS Android 通用)

Options:

--entry-file Path to the root JS file, either absolute or relative to JS root [required

--platform Either "ios" or "android"

--transformer Specify a custom transformer to be used (absolute path) [default: "/Users/babytree-mbp13/projects/xcodeProjects/AwesomeProject/node_modules/react-native/packager/transformer.js"]

--dev If false, warnings are disabled and the bundle is minified [default: true]

--prepack If true, the output bundle will use the Prepack format. [default: false]

--bridge-config File name of a a JSON export of __fbBatchedBridgeConfig. Used by Prepack. Ex. ./bridgeconfig.json

--bundle-output File name where to store the resulting bundle, ex. /tmp/groups.bundle [required]

--bundle-encoding Encoding the bundle should be written in (https://nodejs.org/api/buffer.html#buffer_buffer).[default: "utf8"]

--sourcemap-output File name where to store the sourcemap file for resulting bundle, ex. /tmp/groups.map

--assets-dest Directory name where to store assets referenced in the bundle

--verbose Enables logging [default: false]


0x02 Android 打包步驟?

打包步驟

1.在工程根目錄下執(zhí)行打包命令懂酱,比如

react-native bundle --entry-file index.android.js --bundle-output ./android/app/src/main/assets/index.android.jsbundle --platform android --assets-dest ./android/app/src/main/res/ --dev false

注意:[./android/app/src/main/assets/]文件夾存在

2.增量升級的話不要把圖片資源直接打包到res中,腳本如下:

react-native bundle --entry-file index.android.js --bundle-output ./bundle/androidBundle/index.android.jsbundle --platform android --assets-dest ./bundle/androidBundle/ --dev false

3.保證MainActivity.java中的setBundleAssetName與你的jsbundle文件名一致勿璃,比如.setBundleAssetName(“index.android.jsbundle”)就與我生成的資源名一致


0x03 iOS 打包步驟

1.在工程根目錄下執(zhí)行打包命令,比如react-native bundle –entry-file index.ios.js –bundle-output ./bundle/iosBundle/index.ios.jsbundle –platform ios –assets-dest ./bundle/iosBundle –dev false

注意要先保證bundle文件夾存在。

2.在xcode中添加assets【必須用Create folder references的方式,添加完是藍色文件夾圖標(biāo)】和index.ios.jsbundle

3.參考官方文檔归榕,修改RN頁面入口代碼

?jsCodeLocation = [[NSBundle mainBundle] URLForResource:@”index.ios” ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?withExtension:@”jsbundle”];



0x04 QA

ios打包遇到的問題

1.離線包如果開啟了chrome調(diào)試,會訪問調(diào)試服務(wù)器吱涉,而且會一直loading出不來刹泄。

2.如果bundle的名字是main.jsbundle,app會一直讀取舊的,改名就好了。怎爵。特石。非常奇葩的問題,我重新刪了app鳖链,clean工程都沒用姆蘸,就是不能用main.jsbundle這個名字。

3.必須用Create folder references【藍色文件夾圖標(biāo)】的方式引入圖片的assets芙委,否則引用不到圖片

4.執(zhí)行bundle命令之前乞旦,要保證相關(guān)的文件夾都存在

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市题山,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌故痊,老刑警劉巖顶瞳,帶你破解...
    沈念sama閱讀 218,546評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異愕秫,居然都是意外死亡慨菱,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評論 3 395
  • 文/潘曉璐 我一進店門戴甩,熙熙樓的掌柜王于貴愁眉苦臉地迎上來符喝,“玉大人,你說我怎么就攤上這事甜孤⌒牵” “怎么了?”我有些...
    開封第一講書人閱讀 164,911評論 0 354
  • 文/不壞的土叔 我叫張陵缴川,是天一觀的道長茉稠。 經(jīng)常有香客問我,道長把夸,這世上最難降的妖魔是什么而线? 我笑而不...
    開封第一講書人閱讀 58,737評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上膀篮,老公的妹妹穿的比我還像新娘嘹狞。我一直安慰自己,他們只是感情好誓竿,可當(dāng)我...
    茶點故事閱讀 67,753評論 6 392
  • 文/花漫 我一把揭開白布磅网。 她就那樣靜靜地躺著,像睡著了一般烤黍。 火紅的嫁衣襯著肌膚如雪知市。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,598評論 1 305
  • 那天速蕊,我揣著相機與錄音嫂丙,去河邊找鬼。 笑死规哲,一個胖子當(dāng)著我的面吹牛跟啤,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播唉锌,決...
    沈念sama閱讀 40,338評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼隅肥,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了袄简?” 一聲冷哼從身側(cè)響起腥放,我...
    開封第一講書人閱讀 39,249評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎绿语,沒想到半個月后秃症,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,696評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡吕粹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,888評論 3 336
  • 正文 我和宋清朗相戀三年种柑,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片匹耕。...
    茶點故事閱讀 40,013評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡聚请,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出稳其,到底是詐尸還是另有隱情驶赏,我是刑警寧澤,帶...
    沈念sama閱讀 35,731評論 5 346
  • 正文 年R本政府宣布欢际,位于F島的核電站母市,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏损趋。R本人自食惡果不足惜患久,卻給世界環(huán)境...
    茶點故事閱讀 41,348評論 3 330
  • 文/蒙蒙 一椅寺、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蒋失,春花似錦返帕、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,929評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至铣卡,卻和暖如春链韭,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背煮落。 一陣腳步聲響...
    開封第一講書人閱讀 33,048評論 1 270
  • 我被黑心中介騙來泰國打工敞峭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蝉仇。 一個月前我還...
    沈念sama閱讀 48,203評論 3 370
  • 正文 我出身青樓旋讹,卻偏偏與公主長得像,于是被迫代替她去往敵國和親轿衔。 傳聞我的和親對象是個殘疾皇子沉迹,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,960評論 2 355

推薦閱讀更多精彩內(nèi)容