前端自动化部署【三】：Jenkins、Gitlab准备工作

• 基本的Linux、docker操作不再详细介绍
• 水平有限，如有不足见谅

1. 给项目添加第一次commit，

在本机电脑运行 npm create vite@latest创建一个前端项目，技术栈自选,git 初始化，上传至刚刚搭建的gitlab项目

2. 安装gitlab插件并重启Jenkins

3.jenkins关闭验证

4. 登录腾讯服务器输入ssh-keygen一路enter，然后执行ls ~/.ssh/查看密钥对是否成功创建

5. gitlab生成deploy keys

打开gitlab的admin页面

生成deploy keys

6.创建Deploy Keys，并激活应用

腾讯云服务器运行cat ~/.ssh/id_rsa.pub复制刚才生成的公钥并粘贴进去

进入gitlab前端项目，找到setting，点击enabled激活

6. jenkins创建一个部署任务

7.复制gitlab创建的项目的ssh链接

点击进入Jenkins任务配置页面并粘贴

8.根据云服务器产生的私钥创建凭据

点击【 添加 】

类型要选对，ID和描述可以忽略

去腾讯云服务器执行cat ~/.ssh/id_rsa获取私钥，返回到Jenkins，按照如图粘贴，点击生成凭证

选择刚才生成的deploy凭证，错误会自动消失

9.关联gitlab和jenkins

回到jenkins的任务配置，找到构建触发器，如图选中红圈

点击下方【高级】

记下链接

点击Generate，然后记下生成的token

回到gitlab项目，打开setting的Integrations，将上一步记下来的1、2填写进去

取消ssl验证，然后点击添加按钮，就完成了webhook的push拦截

回到Jenkins任务配置点击下图

添加一句shell输出语句

点击应用保存

回到gitlab的webhook，点击下图可以模拟一次push事件

然后回到jenkins平台，按照如下操作可以看到此次模拟push，触发构建

触发构建成功，撒花🌺🌺🌺