RN 打android离线包生成apk文件

本文详细介绍React Native项目从生成离线bundle包到生成签名apk的全过程,包括配置签名文件及Gradle变量等内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

#####第一步:生成离线bundle包

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

参数:
-h, --help
–platform [string] ios 或 andorid
–dev [boolean] 如果为false, 警告会不显示并且打出的包的大小会变小
–entry-file RN入口文件的路径, 绝对路径或相对路径
–bundle-output bundle文件的输出路径
–assets-dest [string] 输出的asset资源目录
–prepack 当通过时, 打包输出将使用Prepack格式化
–bridge-config [string] 使用Prepack的一个json格式的文件__fbBatchedBridgeConfig 例如: ./bridgeconfig.json
–sourcemap-output [string] 生成Source Map,但0.14之后不再自动生成source map,需要手动指定这个参数
–verbose 显示打包过程
–reset-cache 移除缓存文件
–config [string] 命令行的配置文件路径

#####第二步:生成签名文件
1、生成密钥文件:这条命令会要求你输入密钥库(keystore)和对应密钥的密码,然后设置一些发行相关的信息。最后它会在android/app目录下生成一个叫做my-release-key.keystore的密钥库文件。密钥库里应该已经生成了一个单独的密钥,有效期为10000天。–alias参数后面的别名是你将来为应用签名时所需要用到的,所以记得记录这个别名。

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

2、生成签名文件
点击android stuido 菜单栏中的 build, 找到“Generate Signed APK”
这里写图片描述
3、设置gradle变量:编辑~/.gradle/gradle.properties

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=123
MYAPP_RELEASE_KEY_PASSWORD=123

#####第三步:添加签名到项目的gradle配置文件

...
android {
    ...
    defaultConfig { ... }
    signingConfigs {
        release {
            storeFile file(MYAPP_RELEASE_STORE_FILE)
            storePassword MYAPP_RELEASE_STORE_PASSWORD
            keyAlias MYAPP_RELEASE_KEY_ALIAS
            keyPassword MYAPP_RELEASE_KEY_PASSWORD
        }
    }
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
        }
    }
}
...

#####第五步:生成签名apk

// rn根项目 cd android 输入命令行生成apk文件
./gradlew assembleRelease     ---生产包
./gradlew assembleDebug        ---测试包

//生成的APK文件位于android/app/build/outputs/apk/app-release.apk
tips1 mac ./gradlew Permission denied 需要授权
chmod a+x gradlew
tips1 如何清理缓存
watchman watch-del-all                  // Clear watchman watches.
rm -rf node_modules && npm install      // Delete the `node_modules` folder.
rm -rf /tmp/metro-bundler-cache-*` or `npm start -- --reset-cache // Reset Metro Bundler cache.
rm -rf /tmp/haste-map-react-native-packager-*  // Remove haste cache.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值