jenkins 自动化构建no的项目

最近领导让研究前端自动化构建，经过两周的时间，终于通了，踩了很多坑，下面就来看看吧
在虚拟机里，首先保证安装了docker环境
安装的jenkins的步骤如下：
(ps前半部分是同事总结的)
借鉴网上的一张图

地址来源
https://www.cnblogs.com/xiaoyaojinzhazhadehangcheng/articles/8465876.html
一、安装docker
安装网址：https://docs.docker.com/install/linux/docker-ce/centos/
（使用储存库安装）

1. 卸载旧版本

 $ sudo yum remove docker \
                  docker-client \
                  docker-client-latest \
                  docker-common \
                  docker-latest \
                  docker-latest-logrotate \
                  docker-logrotate \
                  docker-engine

2. 设置储存库

$ sudo yum install -y yum-utils \
  device-mapper-persistent-data \
  lvm2

3. 稳定储存库

$ sudo yum-config-manager \
    --add-repo \
    https://download.docker.com/linux/centos/docker-ce.repo

4. 安装最新版本docker

$ sudo yum install docker-ce docker-ce-cli containerd.io

5. 启动docker

$ sudo systemctl start docker

6. 通过运行hell-world验证是否安装成功

$ sudo docker run hello-world

当容器运行时，它会打印一条信息性消息并退出。Docker已安装并正在运行。

二、安装jenkins

1. 看docker所支持的jenkins镜像

$ docker search jenkins

根据踩坑箭头所指是最新版本

2. 安装jenkins

$ docker pull jenkins/jenkins

3. 运行jenkins（下面串优点可缓存–防止运行一次初始化一次）

$ docker run -p 8090:8080 -p 50000:50000 -v
jenkins_home:/var/jenkins_home jenkins/jenkins

4. 浏览器访问

$ localhost:8090或 你的ip:8090

5. 会看到如下界面（需要获取码）
   

6. 去容器找码（将码复制到选框点击继续）
   1.docker exec -it jenkins bash
   2.cat /var/jenkins_home/secrets/initialAdminPassword
   

7. 输入密码以后出现的以下页面，选择第一个，安装默认的插件
   

8. 选择了第一个以后出现以下页面

9. 出现如下页面，进行注册

10. 出现如下页面
    
    三、自动触发构建配置

11. 进入到jenkins 页面
    jenkins–>系统管理–>管理插件–>下载并安装gitlab plugin（默认安装了的话就不用安装了），gitlab hook plugin
    
    
    
    

2、安装NodeJs插件，方法同上：jenkins–>系统管理–>管理插件–>下载并安装

3、配置nodeJs

4、配置系统gitlab
4.1 进入到gitlab,获取Token



4.2 返回jenkins 配置gitlab的Token

4.3 配置完成后连接测试，返回SUCCESS就可以了

5、配置项目

5.1 配置自由项目

5.2丢弃构建
当随着项目的深入，构建可能会增多，需要将构建进行适当的删除
限制器运行构建的节点，前提是jenkins要有节点，否则，默认在master上构建

5.3连接gitlab

5.4配置自动触发构建，选择高级，配置下面

配置构建运行的分支和构建链接Jenkins需要的token。
.*master 表示其生效分支在master分支上

在gitlab上开启自动构建需要（需要管理员权限登陆）

需要在gitlab上配置的选项

配置URL

填写在gitlab上

jenkins中的token
获取token
token，通过点击 generate 获取gitlab触发所需要的token

配置
配置去除SSL链接并保存

测试

5.5 构建环境
构建环境可以理解为要构建的项目需要什么样的环境，比如node环境，maven环境等等，这里我们设置环境为node环境：

5.6 构建，选择 执行shell

npm install cnpm -g --registry=https://registry.npm.taobao.org//安装淘宝镜像
cnpm i//安装依赖
npm run build//打包命令
rm -f test.tar.gz//删除旧的安装包
tar -czvf test.tar.gz dist//打包新的安装包

5.7 下面就可以构建了



在vue 里项目进行提交就会自动构建，在工作区自动拉取代码，并会自动打包生成dist文件