lzg

2308 积分	0 好友	259 主题

发消息

React Native 生成APK等

楼主

发表于 2018-7-27 21:38:34 | 查看: 2068| 回复: 0

一、开始

安装命令工具：

npminstall -g create-react-native-app

npm install -g react-native-cli

建立项目：

create-react-native-app AwesomeProject

指定版本：

react-native init demo --verbose --version 0.55.4

查看版本等：

React-nativeinfo

运行项目：

手机上安装 EXPO，然后执行：

cd AwesomeProject

npm start

react-native run-android

二、打包Android

需要的工具：

（1）、Node 8或更高版本,

（2）、the ReactNative command line interface：npm install -g react-native-cli

（3）、Python2,

（4）、JDK 8 或更高版本

（5）、Android Studio

AndroidSDK：需要使用Android 6.0(Marshmallow) SDK，Level 23

AndroidSDK Platform

Performance(Intel ® HAXM)

AndroidVirtual Device

Tools→ SDK Manage→Android SDK

GoogleAPIs

AndroidSDK Platform 23

Intel x86Atom_64 System Image

GoogleAPIs Intel x86 Atom_64 System Image

"Android SDK Build-Tools" entry,then make sure that 23.0.1

(6)、配置ANDROID_HOME环境变量：

c:\Users\YOUR_USERNAME\AppData\Local\Android\Sdk

(7)、建立项目：（为什么与前面的不一样呢？）：

react-native init AwesomeProject

（8）、运行

cd AwesomeProject

react-native run-android

几个Android设备连接的命令：

(1)、列出连接的设备 adb devices

.56版本似乎有点问题，可降到.55.4版本来使用：

react-native init AwesomeProject

cd AwesomeProject

react-native run-android

npm uninstall react-native

npm install --save react-native@0.55.4

react-native run-android

npm install --save babel-core@latestbabel-loader@latest

npm uninstall --savebabel-preset-react-native

npm install --savebabel-preset-react-native@4.0.0

react-native run-android

出现Unable to load script from assets ‘index.android.bundle’.时：

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

三、签名APK

（1）、生成key

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

将生成的keystore文件放在android/app文件夹下

（2）、设置gradle变量：

在local.properties文件中设置：

sdk.dir=E:/Disk/Android/SDK

ndk.dir=E:/Disk/Android/android-ndk-r10e

A、将上一步生成的keystore文件放在android/app

B、编辑~/.gradle/gradle.properties或android/gradle.properties文件，将***列换为生成keystore文件时的库密码与别名密码

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore

MYAPP_RELEASE_KEY_ALIAS=my-key-alias

MYAPP_RELEASE_STORE_PASSWORD=*****

MYAPP_RELEASE_KEY_PASSWORD=*****

C、配置应用的gradle设置: android/app/build.gradle

...

android {

...

defaultConfig { ... }

signingConfigs {

release {

if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {

storeFile file(MYAPP_RELEASE_STORE_FILE)

storePasswordMYAPP_RELEASE_STORE_PASSWORD

keyAliasMYAPP_RELEASE_KEY_ALIAS

keyPasswordMYAPP_RELEASE_KEY_PASSWORD

}

buildTypes {

release {

...

signingConfig signingConfigs.release

}

...

（3）、生成签名发行版APK

$ cd android

$ ./gradlew assembleRelease

（4）、测试发布版APK

上传之前，使用以下命令进行测试：

react-nativerun-android --variant=releas

（5）、减小APK大小

可以为不同的CPU生成不同的版本来减少大小，也可以使用Proguard工具来减少APK大小。此处略去

回复 支持0 反对0

收藏0 回复只看该作者道具举报

返回列表

		自动登录	找回密码
密码			立即注册