vue+Jenkins前端自动化部署

5,450 阅读2分钟

前言

  • 前端自动化是指前端代码的自动化构建、打包、测试及部署等流程

  • 前端自动化通常与持续集成CI/持续部署CD流程相结合

  • 自动化流程的意义在于:

    • 减少人为失误,提高软件质量
    • 效率迭代,便捷部署
    • 快速交付,便于管理

Jenkins持续集成工具

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

安装Jenkins持续集成工具

前提已配置好java环境

1.下载安装程序

www.jenkins.io/zh/download…

image.png

2. 根据提示安装完成

安装完成后访问 http://localhost:8080

3. 安装插件

从系统设置中进入插件管理页面,在可选插件中安装的用到的插件:

    1. Publish Over SSH
    1. 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

小结

上述简单介绍了Jenkins如何实现自动化部署,总之,Jenkins自动化部署在实际工作中的运用大大地提升了研发效率。

参考资料

# Jenkins 的安装和设置