末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站 Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站 一.Jinkens安装                                                      二.网站操作                                                             三.简单演示建立任务:                                                                   四.项目示例:                                                                      五.可以在gitlab端远程添加web服务主机的网站信息:                                       

一.Jinkens安装                                                     

下jinkens安装包

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

用18年的,比较稳定

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

安装gitlabjinkens

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

不要用网络源下java,网络版的Java版本较高,与jenkins不兼容。

安装完,查看端口:80是否开启,监听8080

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

修改端口:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

重启Jenkins

.网站操作                                                            

网站操作设置完成gitlab

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

再网站操作Jenkins:直接输入本机地址接端口:8081(已修改的)

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

复制此文件下的密钥到空白框

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

接着跳转界面可能有2种:

1.第一种:如下,点击右边的模块:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

如图点击:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

2.第二种:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

2种最后都跳转到此页面:

填写信息,点击完成

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

完成点击开始:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

点击:系统管理——》插件

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

点击‘已安装’:显示插件为空

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

下载插件包,上传,并执行如下操作:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

ls一下会看见许多插件,重启Jenkins,再重进入Jenkins网站,会发现一堆插件:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

三.简单演示建立任务:                                                                  

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

编写shell命令,可查看环境变量(如‘workspace’):

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

记得保存:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

点击‘立即创建’,等待一会,会出现蓝色标准,、表示创建成功

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

点击蓝色圆球

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

Credentials凭证

创建凭证,如图点击:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

四.项目示例:                                                                     

1.建gitlab项目名称:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 2.yum install ansible

 3.拉取远程git仓库

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

部署ansibleroles

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

编辑部署的主机群,‘inventory’是固定的,‘test’可以随便写:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

编辑tasks

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

注意:请确保server机有nginx,没有请先下载

将要复制的文件放入模板文件下,并编辑文件:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

加入变量:

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

编辑varsyml文件

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

编辑files下文件:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

最后编辑启动文件:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

发送密钥:

 

——#ssh key-gen

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

模拟执行:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

语法检测:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

提交:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

可能需要认证一下:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

推送:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

进入网页并刷新,出现‘v1’版本:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

点击查看:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

加入Jenkins

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

添加url地址:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

构建:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

出现错误不用紧张,点击查看:

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

根据原因排错:

这里是Jenkins没有权限连接到用户主机,修改文件:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

更改运行用户:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

重启Jenkins

——#systemctl restart jenkins

 

再次构建:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

又爆红:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

点击查看原因:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

原因:此路径不存在,说明/var/www/html文件未创建过(一般是没有下过appach的主机),所以创建文件路径:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 再次构建:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 

变蓝,表示成功。

测试主机是否成功部署nginx

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

五.可以在gitlab远程添加web服务主机的网站信息:                                       

末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息:                                       

接着在Jenkins网站上立即构建,等待变蓝;再次进入服务主机nginx的网站上,查看是否添加成功。

有时候未添加成功,是因为2台机器的时间未同步,做一下时间同步:

 末学者笔记--Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
Jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站
一.Jinkens安装                                                     
二.网站操作                                                            
三.简单演示建立任务:                                                                  
四.项目示例:                                                                     
五.可以在gitlab端远程添加web服务主机的网站信息: