React Native之项目打包

    xiaoxiao2021-04-14  37

    用React Native开发好APP之后,如何将APP发布到市场以供用户使用呢?不管是Android还是iOS等原生app走的都是:签名打包—>发布到各store这两大步骤。本文将对Android和ios两大平台打包过程做一个简单的介绍。http://blog.csdn.net/xiangzhihong8/article/details/70162784

    Android平台打包

    在Android原生的app开发打包过程中,主要有两种发布方式:一种是借助于命令行操作,另外一种是借助于Android Studio进行发布。

    Android Studio打包

    借助Android studio进行打包的,一次点击build->generate signed apk。 

    如果没有签名文件还需要配置下签名文件。 

    此时,你会发现,你的确可以生成一个apk,并且可以安装,但是却无法运行,发生闪退。这是为什么呢?  这是因为React-Native在android平台下默认没有生成资源文件相关的包(及js的相关资源文件)。所以不管是我们Android平台还是ios平台打包的第一步都需要:导出js bundle包和图片资源

    1)导出js bundle包和图片资源

    创建一个assets文件放在工程目录下,然后通过命令行生成JS Bundle文件。  创建assets文件,当然也可以手动创建

    mkdir -p Android/app/src/main/assets 1 1

    生成js bundle文件

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

    如图所示: 

    检查我们项目的assets,然后再次打包,运行,一切正常。关于build.grandle的配置这里不再详述,请大家按照原生app打包过程。

    ios打包

    相对于Android平台来讲,IOS平台的发布操作相对简单,只需要简单配置即可。

    1)导出js bundle包和图片资源

    和打包React Native Android应用一样,我们首先也需要对JS部分的代码和图片资源等打包导出,然后通过XCode将其添加到iOS项目中。

    转载请注明原文地址: https://ju.6miu.com/read-670589.html

    最新回复(0)