ReactNative打包

  • 1.我是做原聲開(kāi)發(fā),所以當(dāng)然直接在Androidstudio上打包了,先看下打包成功之后的工程目錄結(jié)構(gòu)
Paste_Image.png
  • 2.在我們Rn打包中最主要的就是需要index.android.bundle這個(gè)資源包,這個(gè)是Rn的所有源碼。
  • 3.我們?cè)贏S選中下面所示
Paste_Image.png

會(huì)在指定目錄下生成正式簽名,會(huì)在發(fā)版的時(shí)候使用。

  • 4.所以這里我們主要是打包bundle這個(gè)資源包,我們進(jìn)入到自己的Rn工程的根目錄,運(yùn)行下面的指令:

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

Paste_Image.png

運(yùn)行成功之后就會(huì)在Android工程目錄生成index.android.bundle這個(gè)資源包。

  • 5,然后我們執(zhí)行打包

打完之后的安裝包,就可以直接安裝使用了,不再需要連接nodes了。
附上體驗(yàn)的APK: https://github.com/l123456789jy/RnProject/blob/master/apk/app-debug.apk

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,765評(píng)論 25 709
  • 整體思路 通過(guò)Android Studio工具來(lái)實(shí)現(xiàn)簽名和打包,步驟同原生開(kāi)發(fā),減少踩坑! 打包步驟 AS引入Re...
    Mr_FengQi閱讀 676評(píng)論 0 4
  • 零基礎(chǔ)用react-native開(kāi)發(fā)android app 原理 我們的debug程序中,js代碼是調(diào)試時(shí),不斷從...
    動(dòng)感超人丶閱讀 338評(píng)論 0 0
  • 時(shí)間:2016-11-20 09:18:37 ReactNative如何打包離線(xiàn)的IOS應(yīng)用。 對(duì)于剛?cè)胧諶eac...
    izhongxia閱讀 1,188評(píng)論 0 2
  • 班級(jí)情況 校區(qū):科學(xué)創(chuàng)想機(jī)器人茂業(yè)店 時(shí)間:周日上午9-10點(diǎn) 學(xué)員:多多,天成,喧喧,朋朋,小石頭,二寶,皮皮 ...
    樂(lè)搭閱讀 1,015評(píng)論 0 0

友情鏈接更多精彩內(nèi)容