react-native android 打包步骤

我接触react-native 比接触reactjs更早一点，个人感觉这样的方式更容易积累一些东西吧。其实可以作为组件去开发，平时写一些公共的组件收集起来，用的时候方便快捷。
这篇文章主要是我个人打包android成功的经历。由于环境问题可能和其他童鞋的情况不一样。
好言归正传。

react-native bundle 执行

react-native bundle 
--platform android  //平台类型
--dev false //是否是开发
--entry-file index.android.js //输入
--bundle-output android/bundle/index.android.bundle //输出  
--assets-dest android/assets  //资源文件

执行成功之后需要把 index.android.bundle 放在 app/src/main/assets 目录下
如没有该目录就创建。

生成keystore

在这里要说一下，有的手机不签名的话可以安装，有的收集则不行，所以这块我把签名步骤也加上，希望对大家有用用的 keytool 命令

keytool -genkey -v -keystore  [b]project_name.keystore[/b] -alias [b]project_name[/b] -keyalg RSA -keysize 2048 -validity 10000

这段命令会有几步需要输入的地方，需要先记录一下，后面会用到。

设置 android/gradle.properties 变量
找到android目录下的gradle.properties 文件添加以下代码对应的是上面命令种的信息和数据的密码信息

MYAPPRELEASESTOREFILE=project_name.keystore
MYAPPRELEASEKEYALIAS=project_name 
MYAPPRELEASESTOREPASSWORD=*****
MYAPPRELEASEKEYPASSWORD=*****

编辑 android/app/build.gradle

完成上面的步骤之后，紧接着编辑android/app/build.gradle文件

android {
    compileSdkVersion 23
    buildToolsVersion "23.0.1"

    defaultConfig {
        applicationId "com.reactnative"
        minSdkVersion 16
        targetSdkVersion 22
        versionCode 1
        versionName "1.0"
        ndk {
            abiFilters "armeabi-v7a","x86"
        }
    }

    [b]signingConfigs{
        release {
            storeFile file(MYAPP_RELEASE_STORE_FILE)
            storePassword MYAPP_RELEASE_STORE_PASSWORD
            keyAlias MYAPP_RELEASE_KEY_ALIAS
            keyPassword MYAPP_RELEASE_KEY_PASSWORD
        }
    }[/b]

    buildTypes {
        release {
            minifyEnabled false  // Set this to true to enable Proguard
            proguardFiles getDefaultProguardFile("proguard-android.txt"),"proguard-rules.pro"
            [b]signingConfig signingConfigs.release[/b]
        }
    }
}

上面的加粗部分是需要增加或者修改的地方

最后 ./gradlew assembleRelease

可能需要先执行 adb reverse tcp:8081 tcp:8081 不然的话安装失败

打包后在android/app/build/outputs/apk 目录中 app-release.apk

react-native android 打包步骤

相关推荐