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

原理图


react-native 自动化构建过程(apk包)_第1张图片
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源文件 目录结构如下


react-native 自动化构建过程(apk包)_第2张图片
image.png

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


react-native 自动化构建过程(apk包)_第3张图片
image.png

2.下载依赖包


react-native 自动化构建过程(apk包)_第4张图片
使用命令行 进入根目录
cd /Users/kz/Documents/myProjects/kmyd-app
npm install

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

react-native link

3.打包
进入android 项目

cd android

清理工程

  ./gradlew clean
react-native 自动化构建过程(apk包)_第5张图片
image.png

构建安装包apk

./gradlew assembleRelease  --stacktrace --info
react-native 自动化构建过程(apk包)_第6张图片
image.png
react-native 自动化构建过程(apk包)_第7张图片
image.png

你可能感兴趣的:(react-native 自动化构建过程(apk包))