rn android mac打包,react native android 打包

1.生成离线bundle包

开发中了会知道RN项目的资源文件js css 字体图标 image是不在android or ios文件里面的, 离线包就是把 ReactNative 和你写的资源都打包放入 App .

首先在项目根目录创建文件夹: ./android/app/src/main/中创建文件夹assets

切换到项目根目录 运行指令

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

注意: react-native bundle --entry-file index.js 是因为我的项目(react-native ^0.55.1)入口文件为 index.js 而 0.49以前是index.android.js

2.生成签名文件

切换到 ./android/app/ 文件下 运行

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

您的名字与姓氏是什么?

[罗]:

您的组织单位名称是什么?

[freelancers]:

您的组织名称是什么?

[freelancers]:

您所在的城市或区域名称是什么?

[嘉兴]:

您所在的省/市/自治区名称是什么?

[浙江]:

该单位的双字母国家/地区代码是什么?

[china]:

CN=罗, OU=freelancers, O=freelancers, L=嘉兴, ST=浙江, C=china是否正确?

[否]: 是

将生成 my-release-key.keystore文件

3.配置打包时的签名

切换到./android 目录下 编辑gradle.properties 文件 添加以下内容

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore

MYAPP_RELEASE_KEY_ALIAS=my-key-alias

MYAPP_RELEASE_STORE_PASSWORD=*****

MYAPP_RELEASE_KEY_PASSWORD=*****

4. 添加签名

修改 android/app/build.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

}

}

}

...

5.发布前测试应用是否有问题

注意:如果在打包之前,手机上已存开发版本请先删除.

切换到项目根目录下 运行

$ react-native run-android --variant=release

报错 libpng error: Not a PNG file 内容如下

........

:app:generateDebugAssets

:app:mergeDebugAssets

:app:generateDebugResValues

:app:generateDebugResources

:app:mergeDebugResources

AAPT: libpng error: Not a PNG file

Error: java.util.concurrent.ExecutionException: com.android.ide.common.process.ProcessException: libpng error: Not a PNG file

:app:mergeDebugResources FAILED

FAILURE: Build failed with an exception.

* What went wrong:

Execution failed for task ':app:mergeDebugResources'.

> Error: java.util.concurrent.ExecutionException: com.android.ide.common.process.ProcessException: libpng error: Not a PNG file

* Try:

Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED

....

解决方法打开 ./android/app/build.gradle文件

android {

......

aaptOptions { cruncherEnabled = false }

}

回到根目录 继续运行指令继续报错

/android/app/build/intermediates/res/merged/release/drawable-xhdpi/node_modules_teaset_icons_success.png: error: Duplicate file.

解决方法:

删除所有/android/app/src/main/res/drawable-xxx文件

回到根目录 继续运行指令,不报错

$ react-native run-android --variant=release

6.生成apk

根目录下 运行指令

cd android && ./gradlew assembleRelease

生成的apk位置:android/app/build/outputs/apk

安装apk

$ cd android/app/build/outputs/apk && adb install app-release.apk

可以直接找到安装包发送给队友