react-native 自动化构建过程(apk包)

原理图

image.png

准备工作
1.安装android stuido
2.react-native源文件(git获取源码)
3.安装npm包管理工具
4.安装react-native-cli

npm install -g react-native-cli

步骤分解如下：

1.环境切换(CI)

react-native源文件 目录结构如下

image.png

a.根据不同的环境使用不同的配置文件(src/config/config.js)

image.png

2.下载依赖包

使用命令行 进入根目录

cd /Users/kz/Documents/myProjects/kmyd-app
npm install

等待安装完成后,执行链接任务

react-native link

3.打包
进入android 项目

cd android

清理工程
` ``
./gradlew clean

![image.png](https://upload-images.jianshu.io/upload_images/1594482-46eea91646ac02f1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
构建安装包apk

./gradlew assembleRelease --stacktrace --info

![image.png](https://upload-images.jianshu.io/upload_images/1594482-29b4966fe43bd7fe.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

![image.png](https://upload-images.jianshu.io/upload_images/1594482-a347d479add74ef7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)