小白学习jenkins+gitlab自动化构建vue项目

1,804 阅读2分钟

环境

  • jenkins: 版本2.426
  • gitlab: 版本12.3.9

插件安装

我之前通过jenkins的插件库安装插件,一直报连接超时的错误,后来选择勾选完立即重启之后,可以安装成功后,即使不选择立即重启也能安装成功,不知道是不是真的因为网络原因。我还尝试更换站点的URL为国内源,也不成功。源地址如下:

mirrors.tuna.tsinghua.edu.cn/jenkins/upd…

需要安装的插件:

  • Safe Restart: 安全重启。装好之后,可在导航栏看到如下图所示按钮,用于卸载插件后,主动安全重启,卸载完成 image.png
  • git
  • gitlab
  • gitlab api
  • nodejs
  • publish over ssh
  • maven Integration

Manage Jenkins > 插件管理 > Available plugins

  • 开始安装 image.png
  • 等待安装 image.png
  • 安装成功 image.png

配置gitlab连接

Snipaste_2024-06-08_11-22-19.png

Manage Jenkins > System

  • 向下滑动到Gitlab,并点击新增 image.png
  • 配置连接,并测试连接 Snipaste_2024-06-08_11-25-05.png

配置Credentials

Snipaste_2024-06-08_10-47-06.png

Manage Jenkins > Credentials

  • 点击全局或者Add credentials image.png

  • 点击添加凭证 Snipaste_2024-06-08_10-48-41.png

  • 添加用户名和密码凭证,用于使用http地址克隆源码 1717815068251.jpg

  • 添加gitlab api token凭证

    • 1.打开gitlab,添加访问令牌(用户设置 > 访问令牌) image.png Snipaste_2024-06-08_10-57-15.png

      1. 打开jenkins,添加gitlab api token凭证 Snipaste_2024-06-08_10-58-27.png

配置Tools

image.png

Manage Jenkins > Tools

1. 配置maven

image.png

2. 安装JDK

image.png

3. 安装maven

image.png

4. 安装NodeJS

这里我安装了三个版本的node,构建需要对应版本的项目,直接选就好了。

image.png

image.png

image.png

创建自动化构建项目

  • 点击新建Item image.png

  • 选择Freestyle project image.png

  • 配置General Snipaste_2024-06-08_11-27-47.png

  • 配置源码管理 Snipaste_2024-06-08_11-30-43.png

Snipaste_2024-06-08_11-31-43.png

  • 配置构建触发器 Snipaste_2024-06-08_11-36-58.png

Snipaste_2024-06-08_11-37-36.png

  • 配置构建环境 Snipaste_2024-06-08_11-41-26.png

  • 配置构建步骤 Snipaste_2024-06-08_11-44-48.png

  • 打开gitlab,配置webhook(你的项目 > 设置 > 集成) Snipaste_2024-06-08_11-47-56.png

  • 测试 Snipaste_2024-06-08_11-48-51.png

Snipaste_2024-06-08_11-53-33.png

问题\color{red}{问题}

  1. 构建时,报node: /lib64/libm.so.6: version `GLIBC_2.27‘ not found

参考