Jenkins 从安装到自动部署h5

大纲

  • jenkins 安装
  • jenkins 常用插件使用和配置
  • 建立一个多任务(区分开发,测试,生产)的h5并自动部署到远程服务器
  • 请按顺序阅读观看,适合小白,大佬跳过
  • 欢迎留言评论,吹水??

安装java 略过

安装jenkins

官网: https://www.jenkins.io/zh/download/

中文社区:https://jenkins-zh.cn/

gihub: https://github.com/jenkinsci/jenkins/releases

安装步骤

我的是window系统,安装window版本,然后打开安装程序,下载很慢,耐心等待,

如果是下载2.232版本可能会出现无法下载的情况,解决办法看官网公告

https://www.jenkins.io/changelog/

Jenkins 从安装到自动部署h5_第1张图片

Jenkins 从安装到自动部署h5_第2张图片

Jenkins 从安装到自动部署h5_第3张图片

Jenkins 从安装到自动部署h5_第4张图片

选择安装目录

Jenkins 从安装到自动部署h5_第5张图片

选择安装方式,第二种不知道怎么搞, 先玩第一种。

Jenkins 从安装到自动部署h5_第6张图片

Jenkins 从安装到自动部署h5_第7张图片

Jenkins 从安装到自动部署h5_第8张图片

需要提前安装java 哦

Jenkins 从安装到自动部署h5_第9张图片

Jenkins 从安装到自动部署h5_第10张图片

Jenkins 从安装到自动部署h5_第11张图片

Jenkins 从安装到自动部署h5_第12张图片

Jenkins 从安装到自动部署h5_第13张图片

看到这个界面, 耐心等待

Jenkins 从安装到自动部署h5_第14张图片

看到红色的路径目录,

Jenkins 从安装到自动部署h5_第15张图片

直接复制路径访问可能会报错, 解决办法,官网api说找这个文件,jenkins.err

Jenkins 从安装到自动部署h5_第16张图片

搜索找到这个文件, 打开复制密码

Jenkins 从安装到自动部署h5_第17张图片

密码: 51a54d0fb61746c79621c83a1ebb368b

Jenkins 从安装到自动部署h5_第18张图片

Jenkins 从安装到自动部署h5_第19张图片

得到密码,输入密码,继续走下一步,当然选第一个啦,

Jenkins 从安装到自动部署h5_第20张图片

耐心等待,感觉选错了,

Jenkins 从安装到自动部署h5_第21张图片

坑,懒得等了, 把网卡禁用,走下一步

Jenkins 从安装到自动部署h5_第22张图片

admin / 7777777

Jenkins 从安装到自动部署h5_第23张图片

Jenkins 从安装到自动部署h5_第24张图片

Jenkins 从安装到自动部署h5_第25张图片

更改镜像源

Jenkins 从安装到自动部署h5_第26张图片

Jenkins 从安装到自动部署h5_第27张图片

Jenkins 从安装到自动部署h5_第28张图片

替换 updates.jenkins-ci.org/download 为 mirrors.tuna.tsinghua.edu.cn/jenkins(清华大学的镜像源)

Jenkins 从安装到自动部署h5_第29张图片

好像配置了上面那个方式,会导致nodejs插件安装无法选择版本,建议配置成 update Site 改成 http://updates.jenkins.io/update-center.json ,然后 点击 check now 按钮

安装插件

官网api: https://www.jenkins.io/zh/doc/book/managing/plugins/

终于进到这个页面了, 虽然我没有安装插件,哈哈

Jenkins 从安装到自动部署h5_第30张图片

Jenkins 从安装到自动部署h5_第31张图片

安装常用插件

打包选择git 版本 git-parameter

官网api: https://plugins.jenkins.io/git-parameter/

需要先安装jquery 插件

Publish Over SSH

https://plugins.jenkins.io/publish-over-ssh/

配置ssh

Jenkins 从安装到自动部署h5_第32张图片

Jenkins 从安装到自动部署h5_第33张图片

Jenkins 从安装到自动部署h5_第34张图片

配置帐号密码,服务器地址

Jenkins 从安装到自动部署h5_第35张图片

Jenkins 从安装到自动部署h5_第36张图片

Jenkins 从安装到自动部署h5_第37张图片

配置打包之后,同时传给多个环境

Jenkins 从安装到自动部署h5_第38张图片

安装node js

官网: https://plugins.jenkins.io/nodejs/

Jenkins 从安装到自动部署h5_第39张图片

Jenkins 从安装到自动部署h5_第40张图片

nodejs 无法选择版本

问题描述

你会发现node version 版本不是一个下拉选项,是一个输入框,难搞哦,一堆问题, 搞不动了

Jenkins 从安装到自动部署h5_第41张图片

解决方案:

https://blog.csdn.net/qq_33381971/article/details/89423977

反正我试了换文件的那个方法不行,之前装jenkin的时候还是可以的,后来又看到这个大佬说了个解决方案,亲测,可以,感谢~

Jenkins 从安装到自动部署h5_第42张图片

找到插件配置,升级站点,把https://updates.jenkins.io/update-center.json 改成 http://updates.jenkins.io/update-center.json, 然后点右下角的立即获取,耐心等待,获取成功之后,就ok了

Jenkins 从安装到自动部署h5_第43张图片

终于出现这个下拉框了, 美滋滋~

Jenkins 从安装到自动部署h5_第44张图片

配置一个node,搞定。

Jenkins 从安装到自动部署h5_第45张图片

配置一个任务

Jenkins 从安装到自动部署h5_第46张图片

Jenkins 从安装到自动部署h5_第47张图片

Jenkins 从安装到自动部署h5_第48张图片

添加环境变量 ENV

添加一个环境变量

Jenkins 从安装到自动部署h5_第49张图片

定义环境变量

Jenkins 从安装到自动部署h5_第50张图片

使用环境变量

Jenkins 从安装到自动部署h5_第51张图片

大概效果

Jenkins 从安装到自动部署h5_第52张图片

添加git地址

Jenkins 从安装到自动部署h5_第53张图片

Jenkins 从安装到自动部署h5_第54张图片

配置git帐号

Jenkins 从安装到自动部署h5_第55张图片

选择node 来进行构建

Jenkins 从安装到自动部署h5_第56张图片

构建使用shell 命令

Jenkins 从安装到自动部署h5_第57张图片

配置shell命令,

Jenkins 从安装到自动部署h5_第58张图片

我的 script 配置,我设计 的是dev 打包到开发环境, test 打包到测试环境 build 打包到生产环境

Jenkins 从安装到自动部署h5_第59张图片

添加构建成功之后的操作,比如说传输文件到开发环境

Jenkins 从安装到自动部署h5_第60张图片

配置开发环境

Jenkins 从安装到自动部署h5_第61张图片

Jenkins 从安装到自动部署h5_第62张图片

Jenkins 从安装到自动部署h5_第63张图片

点击保存,完成配置

Jenkins 从安装到自动部署h5_第64张图片

开始构建,

Jenkins 从安装到自动部署h5_第65张图片

选择master来构建

Jenkins 从安装到自动部署h5_第66张图片

点击红框可以查看构建详情

Jenkins 从安装到自动部署h5_第67张图片

控制台显示耐心等待~,第一次构建比较慢啦

Jenkins 从安装到自动部署h5_第68张图片

构建成功

Jenkins 从安装到自动部署h5_第69张图片

查看开发环境是否更新成功

Jenkins 从安装到自动部署h5_第70张图片

这个日期是我们刚才打包的时间,成功了 可喜可贺~

Jenkins 从安装到自动部署h5_第71张图片

第二次构建,很快了,22 秒,好像不会删除node-module 包哈,之前测试大佬他们说会删除,不知道他们怎么配置的了

Jenkins 从安装到自动部署h5_第72张图片

第一次构建耗时

Jenkins 从安装到自动部署h5_第73张图片

第三次构建耗时

Jenkins 从安装到自动部署h5_第74张图片

Jenkins关闭和重启实现方式.

window开启服务

计算机 ==> 服务 ==> Jenkin 启动这个服务就好了

控制面板->系统工具->管理工具->服务

关闭

重启Jenkies

 http://localhost:8080/restart

重新加载配置信息

 http://localhost:8080/reload

你可能感兴趣的:(前端,jenkins)