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