vue+Jenkins前端自动化部署

前言

前端自动化是指前端代码的自动化构建、打包、测试及部署等流程
前端自动化通常与持续集成CI/持续部署CD流程相结合
自动化流程的意义在于:
减少人为失误,提高软件质量
效率迭代,便捷部署
快速交付,便于管理

Jenkins持续集成工具

使用Jenkins持续集成工具,实现前端自动化部署
Jenkins是一个开源的、提供友好操作界面的持续集成(CI)工具,起源于Hudson(Hudson是商用的),主要用于持续、自动的构建/测试软件项目、监控外部任务的运行。Jenkins用Java语言编写,可在Tomcat等流行的servlet容器中运行,也可独立运行。通常与版本管理工具(SCM)、构建工具结合使用。常用的版本控制工具有SVN、GIT,构建工具有Maven、Ant、Gradle。

安装Jenkins持续集成工具

前提已配置好java环境

1.下载按照程序

https://www.jenkins.io/zh/download/

image.png

2.根据提示按照完成

访问http://localhost:8080

3.安装插件

从系统设置中进入插件管理页面,在可选插件中安装的用到的插件:
1.Publish Over SSH
2.Gitee 插件


image.png

4.配置系统设置

配置Publish over SSH,在Publish over SSH 处点击添加SSH server,并选择高级设置,设置相应的IP/用户名/密码


image.png

创建任务

1.点击新建,输入名称,选自由风格的项目

image.png
image.png

2.配置源码

选择Git,填写Gitee项目克隆地址,用户名密钥以及分支


image.png

3.选择构建触发器

image.png

4.选择构建环境

image.png

5.配置构建

在shell 中写要执行的操作


image.png

image.png

6.基本配置已经实现,点击应用即可

7.点击立即构建即可自动执行shell脚本

image.png

推荐阅读更多精彩内容