React native Android 命令 打包apk

1.引言

文档日期 2017/01/08

React Native版本为0.40

2.打包步骤

(一)、Android签名文件生成(条件阶段

使用java工具keytool生成签名文件,命令如下:

keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
其中  my-release-key.keystore 是生成的签名文件, my-key-alias 是文件的别名, 有效期为10000天。

打开cmd,你想生成的签名文件存在哪个路径下,那么久切换到哪里,我的秘钥文件存储在D:\appkey下,命令行如下:

React native Android 命令 打包apk_第1张图片

然后再使用keytool命令,如上命令,输入如下图:

React native Android 命令 打包apk_第2张图片

回车(当然前提是你已经安装java环境并配置环境变量):完成这个命令的执行,我们需要填写:

React native Android 命令 打包apk_第3张图片

完成后,会在当前目录生成一个签名文件:


(二)、配置gradle全局变量(条件阶段

1.Windows配置

C:\Users\用户名\下创建文件为: gradle.properties

2.mac配置

/Users/用户名下创建文件为:gradle.properties
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=*****

如下:

React native Android 命令 打包apk_第4张图片

(三)给我们的项目添加签名(准备阶段

现在我们的条件准备好了,就是以上两个步骤:

1.Android签名文件生成

2.配置gradle全局变量

现在我们把  签名文件my-release-key.keystore放在我们的react native项目的android\app下,如下图示:
React native Android 命令 打包apk_第5张图片
然后 编辑项目目录下的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
        }
    }
}
...

(四)、生成带签名的APK包(制作APK阶段

分两种情况

1.在项目的android/app下有一个react.gradle文件的情况

执行如下两个命令

$ cd android 
$ gradlew assembleRelease

2.在项目的android/app下没有react.gradle文件(我的情况)

执行如下命令

$ mkdir -p android\app\src\main\assets
$ 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/
$cd android && ./gradlew assembleRelease

执行mkdir -p android\app\src\main\assets 命令如下:

React native Android 命令 打包apk_第6张图片

在android\app\src\main 下生成文件assets,如下:

React native Android 命令 打包apk_第7张图片

执行: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/ 命令如下:

React native Android 命令 打包apk_第8张图片

完成后,在项目的android\app\src\main\assets下就会生成两个文件,如下:

React native Android 命令 打包apk_第9张图片

主要是index.android.bundle文件。

执行最后一条命令:

gradlew assembleRelease

如下:

React native Android 命令 打包apk_第10张图片

会在android\app\build\outputs\apk路径下生成app-release.apk,这个就是要发布的apk

如下图:


如果想重新再更新发布,你可以先使用 

gradlew clean
清理一下上次打包的。

命令执行结果如下:

React native Android 命令 打包apk_第11张图片






你可能感兴趣的:(React,Native)