淡定哥头像

技术文档

React Native Android打包真机运行的APK文件

React Native Android打包真机运行的APK文件: 

1.执行react-native init androiddemo(根据实际情况来创建)项目。

2.在androiddemo目录中找到路径/android/app/src/main,并在该目录下新建《assets》文件夹,这个文件夹存放android app的资源文件。
3.在/androiddemo/路径下执行react-native start命令,待执行完毕以后再执行以下命令
curl -k 'http://localhost:8081/index.android.bundle' > android/app/src/main/assets/index.android.bundle
该命令的意思是将index.android.bundle下载并保存到assets资源文件夹中
这句命令是重点,如果assets目录中不存在该文件,则打包的apk在执行时显示空白。
4.打包的apk在未签名的情况下,在手机中(非root)是不允许安装的,所以需要添加gradle的android keystore配置,在build.gradle文件中,具体配置如下
  //签名
signingConfigs{
    release {
        storeFile file("/Volumes/Android.KeyStore/AndroidDebug.keystore")
        storePassword "密码"
        keyAlias "keyAlias的名字"
        keyPassword "密码"
    }
}
 buildTypes {
    release {
        minifyEnabled false
        proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        signingConfig signingConfigs.release //添加这句话引用签名配置
    }
}
注意一下配置顺序

5.在androiddemo/android/目录中执行gradle assembleRelease命令,打包后的文件在    androiddemoi/android/app/build/outputs/apk目录中,例如app-release.apk。如果打包碰到    问题可以先执行 gradle clean 清理一下。

6. 打包图片资源到 apk中

    echo "START bundle for android normal resources release"

    react-native bundle \

    --platform android \

    --entry-file index.android.js \

    --bundle-output android/app/src/main/assets/index.android.bundle \

    --assets-dest  android/app/src/main/res/ \

    --dev false

7.将apk复制到手机中安装运行 

善恩运维React Native APP  Android 版下载:

/f/2016/06/04/112751697SAXP6ht.apk

分享到: 

* 发表评论:
Top