Hkc

vuePress-theme-reco Hkc    2025
Hkc Hkc

Choose mode

  • dark
  • auto
  • light
TimeLine
GitHub
author-avatar

Hkc

25

Article

13

Tag

TimeLine
GitHub
  • Vue

  • Websocket

  • JS

  • CSS

  • Canvas

  • HTTP

  • GIT

    • git 常用命令
    • Git中tag的用法及作用
    • commit-msg
    • 前端工程自动化部署
  • SERVER

  • MORE

前端工程自动化部署

vuePress-theme-reco Hkc    2025

前端工程自动化部署

Hkc 2019-05-03 jenkins

# 自动化触发

通常是 gitLab,gogs,gitHub 等源码管理平台监听项目特定分支的 push、合并、tag 来触发 jenkins 自动部署。

以 gogs 为例:

  1. 访问项目仓库设置-->管理 web 钩子-->添加 web 钩子

  2. 增加推送地址,选择触发事件 推送地址为:{jenkins 地址}/gogs-webhook/?job={jenkins 指定项目名称}

  3. 测试自动化触发推送(等待 jenkins 配置完后测试,状态吗 200 为成功)

# 自动化打包及发布

通过 jenkins 实现,相应配置如下

  1. 访问 jenkins-->系统管理-->插件管理;

  2. 查找 gogs plugin,直接安装

  3. 访问打包项目,并选择配置

  4. 配置出现 gogs webhook,几乎不用改什么,可能会改动 branch 来指定特定分支

  5. shell 执行自动打包、发布功能

# 自动化部署适用环境

因 prod 环境与 pre 环境不需要频繁发布,test(develop)环境频繁发布测试验证,所以,测试环境非常适合自动化部署方案。