React Native 【学习总结】-【Jenkins集成】

简述

Jenkins是一个持续集成工具,它本身有很丰富的插件提供使用,方便持续集成,为开发省时省力,下面是项目中对新的RN项目做的持续集成例子,通过该例子学会如何使用jenkins。

Jenkins安装

如果公司已经有了该工具,直接跳过。

官网下载地址

下载安装教程这里推荐几个博客:

How To Set Up Jenkins for Continuous Development Integration on CentOS 7
Installing Jenkins on Ubuntu
macOS Jenkins安装&配置
Windows下安装Jenkins

Jenkins项目创建

搭好环境并下载好对应插件后,接下来就是项目的创建

step 1

点击新建Item

step 2

项目信息

step 3

项目构建信息配置

配置

第一步 根据'$branch'变量取不同分支代码

第二步 安装依赖

第三步就两个shell 文件,分别是对Android 平台和IOS平台的打包流程

bundle_build_android.sh  

react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.bundle.js server/public --assets-dest android/app/src/main/assets

//如果RN不是私服 忽略一下步骤 

rm -f server/public/index.bundle.js 

cp -r android/app/src/main/assets/index.bundle.js server/public

cd server

docker build --no-cache -t demo:$1 .

bundle_build_ios.sh

react-native bundle --platform ios --dev false --entry-file index.js --bundle-output ios/bundle/index.bundle.js --assets-dest ios/bundle

//如果RN不是私服 忽略一下步骤 

cp -r ios/bundle/index.bundle.js server/public

cd server

docker build -t demo$1 .

第三步的构建是基于我们自己的项目的,如果不是私服就没必要做注释后面的操作,第四步第五步更没必要了

第四步 将jenkins打好的镜像push到公司的服务器上

第五步 k8s服务从镜像服务器拉回构建版本,并重启镜像。

step 4

自动构建

step 5

查看日志

日志的每一步都有日志可以查看,如果有问题可以追踪解决,这里日志的顺序跟你的流水线信息是一致的。

到这一个完整的构建过程就完成了。

总结

Jenkins学习到此,每次新版本发布,只需点个按钮就可以了,省得每次都要输入一堆命令。如有其他问题欢迎到我们的QQ群提问 : 379146202

本群是kotlin简书群,欢迎

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,967评论 25 709
  • React Native学习<一> 认识Recat Native 博客原文:http://www.jianshu....
    AFinalStone阅读 7,599评论 0 12
  • 【最新更新】关于协议, React 和 React Native 的开源license都已经更换成了MIT lic...
    塘泥阅读 6,283评论 0 9
  • 元旦那两天,和一位未曾见面的朋友去上海跨年。去时在动车上拿出心爱的本子,写下想去的地方。 去了静安寺,闹市中的寺庙...
    诗琴叔叔阅读 1,339评论 0 0
  • 今日些许小事,我还是认真了些。认真没啥错,但是以我目前修为,我感觉还是荒唐了些。 自从接受了佛教的缘起性空,自觉智...
    湄女阅读 949评论 0 0