Jenkins配置前端项目自动部署

558 阅读1分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。

1. 前提

  • 代码仓库这里用gitee来测试
  • 在插件里安装gitee
  • 登录自己搭建好的 JenKins 后台系统。
  • 新建任务选择自由风格的软件项目

image.png

2. 添加项目地址和需要发布的分支

image.png

3.选择触发钩子例如:push代码的时候触发

image.png

  • 找到webhooks

image.png

  • 添加webhook url 密码/签名密钥
  • 密码为JenKins生成的

image.png

4. 配置node环境

  • 前提需要在plugin安装NodeJS
  • 全局工具配置配置node环境

image.png

5. 选择构建环境

image.png

6. 构建、部署

  • 配置你的构建部署命令
  • 我这里一般配置nginx将dist copy到指定目录下

image.png

7.测试

  • 跳转到webhook点击配置好的的测试(相当于一次push)

image.png

  • 日志显示构建成功
  • 之后配置好的分支只要push代码,就会执行一次构建部署的步骤! image.png

8.后记

  • 我是用docker部署的所以还需要配置服务器端口映射到docker容器的端口上
  • done