利用jenkins 打包 android + react-native

利用jenkins来实现自动化构建,节省开发与测试的时间。android的自动构建已经有了很多博文的说明,现在我来说一下android+react-native自动构建自己的方式。

搭建环境:windows
android + jenkins环境搭建:http://blog.csdn.net/zhaoyanjun6/article/details/77102359
react-native环境搭建:http://reactnative.cn/docs/0.50/getting-started.html

以上条件准备好之后,之后需要做的是在android打包之前将react-native的bundle文件生成!!!

首先:在Jenkins-->Global Tool Configuration-->Gradle 中,添加一个Grade插件

利用jenkins 打包 android + react-native_第1张图片
gradle插件添加(注:该插件是已下载到本地的)

接着:到达插件的bin目录下,如:E:\gradle-3.3-bin\gradle-3.3\bin
将目录底下的gradle.bat复制一份,改名为gradle_build.bat
再将gradle.bat替换成以下脚本

利用jenkins 打包 android + react-native_第2张图片
gradle替换脚本

Tasklist | cd android

If errorlevel 1 (
        Echo 没有android目录,说明不是RN项目
        Echo ****自定义脚本结束****
        E:\gradle-3.3-bin\gradle-3.3\bin\gradle_build clean build && exit %%ERRORLEVEL%%
) Else(....)

这段的意思检验目录底是否有android目录,如果没有说明不是rn项目,继续走正常的打包脚本。加这段原因是兼容两种rn和非rn两种打包。(注:gradle_build 就是原来的android打包脚本)


Echo有android目录,说明是RN项目
npm install
C:\Users\oeasy\AppData\Roaming\npm\react-native.cmd bundle --entry-file index.android.js --bundle-output ./android/app/src/main/assets/index.android.bundle --platform android --assets-dest ./android/app/src/main/res/ --dev false

相信有接触过rn的人就比较熟悉这段了,这两段了,主要是更新js代码并将js代码生成bundle文件存放在android aseets目录底下。


cd android
Echo ****自定义脚本结束****
E:\gradle-3.3-bin\gradle-3.3\bin\gradle_buildclean build && exit %%ERRORLEVEL%%

生成完bundle文件,接下来就进入android目录执行正常的android 打包脚本。


最后:在对应打包的项目里面指定打包的插件,再进行构建

利用jenkins 打包 android + react-native_第3张图片
设置插件


利用jenkins 打包 android + react-native_第4张图片
构建结果


备注:我对windows的脚本也不熟悉,在这里只是提供一种解决思路,有更好的方式互相共享学习一下。以下是完整的脚本代码

Echo ****自定义脚本开始by wp.nine****
Tasklist | cd android
If errorlevel 1 (
    Echo 没有android目录,说明不是RN项目
    Echo ****自定义脚本结束****
    E:\gradle-3.3-bin\gradle-3.3\bin\gradle_buildclean build && exit %%ERRORLEVEL%%
) Else (
    Echo 有android目录,说明是RN项目
    npm install
    C:\Users\oeasy\AppData\Roaming\npm\react-native.cmdbundle --entry-file   index.android.js --bundle-output ./android/app/src/main/assets/index.android.bundle--platform android --assets-dest ./android/app/src/main/res/ --dev false
    cd android
    Echo ****自定义脚本结束****
    E:\gradle-3.3-bin\gradle-3.3\bin\gradle_buildclean build && exit %%ERRORLEVEL%%
)

你可能感兴趣的:(利用jenkins 打包 android + react-native)