RN打包 - 简书

RN打包

react-native因为是用JavaScript语言写的，所以需要把js代码和图片资源都放进apk中，所以打包时需要生成JavaScript的Bundle离线包，之后就可以像原生一样打包就OK了。因为本人用的mac，所以打包时可能会出现Windows不会出现的问题，后面我会详细介绍的。这里希望读者先阅读完此文章大致了解打包过程再操作，可以少犯错误。

Android打包

Bundle离线包

首先，进入项目目录，然后在android目录里创建一个assets文件夹,

mkdir -p android/app/src/main/assets

然后就可以打包离线Bundle了
RN版本0.49之前用这个：

React-native bundle --entry-file index.android.js --bundle-output ./android/app/src/main/assets/index.android.jsbundle --platform android --assets-dest ./android/app/src/main/res/ --dev false

RN版本0.49之后用这个

React-native bundle --entry-file index.js --bundle-output ./android/app/src/main/assets/index.android.jsbundle --platform android --assets-dest ./android/app/src/main/res/ --dev false

这样就可以在android/app/src/main/assets目录下生成一个index.android.jsbundle文件了，android/app/src/main/res目录下会生成我们RN项目中用到的图片资源。

打包APK

Android要求所有应用都有一个数字签名才会被允许安装在用户手机上，所以在把应用发布到类似Google Play store这样的应用市场之前，你需要先生成一个签名的APK包。
目前打包apk有两种方法，一种是官网给出的gradle语言的keytool命令生成签名文件来签名Apk。另一种就是使用Android Studio进行签名打包。
这里我推荐使用第二种用Android Studio进行签名打包，因为因为这种比较简单，而且是可视化界面签名。

image

如果你有keystore可以点击Choose existing...选择你的签名文件，如果没有则点击Create new...新建一个，如下图

image

上面主要是文件路径、密码、Alias，建议全部设置一个密码，方便记忆，Alias这个不要忘记，最好把上面信息复制一份，选定一个自己熟悉的路径，点击OK保存。此时keystore已经生成完毕。

image

这里Build Type要选择release，然后点击Finish就开始打包成apk了。这时会在./android/app目录下生成rerelease文件夹，里面有app-release.apk文件，这时你就可以把它发送给其他人炫耀一番了。

我遇到的问题（Mac电脑）

1、报错：
org.gradle.api.tasks.TaskExecutionException: Execution failed for task ':app:processReleaseResources'. ......
或
error: uncompiled PNG file passed as argument. Must be compiled first into .flat file.. error: failed parsing overlays.
原因及解决方法：在gradle.properties文件中添加以下行：android.enableAapt2 = false，它实质上使用旧的aapt来获取资源。然后重新打包。
如果还是不行，就把android/app/src/main/res目录里的drawable-xxx的文件夹全删了，或者从一开始就不打包图片资源,去掉打包离线Bundle最后的这一行代码

--assets-dest ./android/app/src/main/res/ --dev false

2、Could not resolve all files for configuration ':app:lintClassPath'.
解决方法：
修改Project的build.gradle（注意：不是App的build.gradle），两处加上google()

buildscript {
    repositories {
        jcenter()
        google()     //这里
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.0.0'
    }
}

allprojects {
    repositories {
        jcenter()
        google()        //这里
    }
}

最后编辑于：2018.08.18 23:26:43