jekins自动化部署VUE前端项目

随着前端项目使用工程化开发,前端项目的自动化部署越来越重要,本次主要介绍jekins自动化部署流程,
需求:jekins安装于服务A,应用服务器位于服务器B,jekins打包好之后自动部署到服务器B上
前提条件:jekins已安装(PS:若不清楚jekins安装流程的,可在百度上搜索安装教程)
思路:jekins从svn拉取最新的vue项目,通过nodejs插件进行打包,打包之后复制到服务器B上。
1.进入jekins管理-》插件管理,安装以下插件Subversion(版本管理工具,本次使用SVN管理,使用git的则下载git),node.js(nodejs插件),Publish Over SSH(SSH文件,传输主要用于将打包好之后复制到服务B)

jekins自动化部署VUE前端项目_第1张图片
在这里插入图片描述
在这里插入图片描述
2.配置插件信息
a)配置node.js插件
jekins管理–》globel tool configuration(全局工具配置)(ps:nodejs版本不要选择太高,10版本左右就可以了),点击保存

jekins自动化部署VUE前端项目_第2张图片
b)、配置SSH工具
1.jekins管理–>configurations system(系统配置),找到Publish over SSH

jekins自动化部署VUE前端项目_第3张图片
3.创建jekins工程
a.新建items,点击OK

jekins自动化部署VUE前端项目_第4张图片
b.配置项目制定指定数据从SVN拉取数据jekins自动化部署VUE前端项目_第5张图片
c.构建环境选择node.js
jekins自动化部署VUE前端项目_第6张图片
d.构建选择执行shell命令
jekins自动化部署VUE前端项目_第7张图片
e.执行命令(PS:若第一次执行之后,又没有新的依赖加入,可直接执行npm run build打包)

#!/bin/bash
echo $PATH
node -v
npm -v
npm cache clean --force
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
echo '开始进行安装module'
npm install
npm run build

f.构建完成之后,执行SSH复制文件到B服务器上
jekins自动化部署VUE前端项目_第8张图片
jekins自动化部署VUE前端项目_第9张图片
g 查看SVN工作空间目录
jekins自动化部署VUE前端项目_第10张图片

你可能感兴趣的:(jekins自动化部署VUE前端项目)