react-native android 打包步骤

发布时间:2019-08-06 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了react-native android 打包步骤脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

  1. 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 目录下
如没有该目录就创建。

  1. 生成keyStore

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

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

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

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

MYAPPRELEASESTOREFILE=project_name.keystore
MYAPPRELEASEKEYALIAS=project_name 
MYAPPRELEASESTOREPASSWORD=*****
MYAPPRELEASEKEYPASSWORD=*****
  1. 编辑 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]
        }
    }
}

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

  1. 最后 ./gradlew asSEMbleRelease

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

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

脚本宝典总结

以上是脚本宝典为你收集整理的react-native android 打包步骤全部内容,希望文章能够帮你解决react-native android 打包步骤所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。