react nativeRN

RN打包

2018-08-17  本文已影响42人  雪脩

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

Android打包

Bundle离线包

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
image

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

image

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

image
image
这里Build Type要选择release,然后点击Finish就开始打包成apk了。这时会在./android/app目录下生成rerelease文件夹,里面有app-release.apk文件,这时你就可以把它发送给其他人炫耀一番了。
我遇到的问题(Mac电脑)
--assets-dest ./android/app/src/main/res/ --dev false
buildscript {
    repositories {
        jcenter()
        google()     //这里
    }
    dependencies {
        classpath 'com.android.tools.build:gradle:3.0.0'
    }
}

allprojects {
    repositories {
        jcenter()
        google()        //这里
    }
}
上一篇 下一篇

猜你喜欢

热点阅读