react-native android 打包步骤

前端之家收集整理的这篇文章主要介绍了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

原文链接:https://www.f2er.com/react/306907.html

猜你在找的React相关文章