Jenkins内网搭建并自动化部署vue项目

约定不等于承诺〃 2023-02-15 12:45 1阅读 0赞

### 序言 ###

前面已经讲述了jenkins的一些基本的操作，是以部署[maven项目][maven]讲述的，此处讲解一下vue部署的过程，因为是在上一篇文章基础上，所以此处就讲一下不同的地方，以及需要注意的地方。

### 下载nodejs ###

机器下载nodejs，jenkins下载nodejs插件，并配置好nodejs路径在系统管理-> 全局工具配置。

### 创建新任务 ###

和构建基本上步骤是差不多的，但是有一些细微的区别：

1、git代码地址，帐号、密码、分支

2、触发器

所谓触发器就是什么时刻去执行这个任务，可以选择定时或者其他方式。

3、构建环境

在此选择nodejs环境。

4、构建

指定npm镜像地址:  npm install --registry ...(此处我们是私库地址，你在外网的话直接填写淘宝的npm库地址就行了)

打包vue项目: npm run build

将打包好的几个\*.html 、\*.ico、static文件夹全部打包到tar包中

cd dist

rm -rf demo.tar.gz

tar -zxvf  demo.tar.gz \*

cd ../

5、构建后操作

配置将打好的包部署到指定机器(上面ssh指定机器)上面的一些属性：

source files: 表示你要上传的文件路径（打包好的文件）

remove prefix:目录修正，其只能够是source files目录中的路径

最终文件的路径为：remove directory + source files - remove prefix

remove directory: 远程目录，是相对路径，相对于ssh中指定的路径。

exec command:文件上传之后想要执行的命令，不填写也行，红色警告可以忽视，指定脚本的话，脚本要使用绝对路径。需要注意的是文件中可能有些命令不太好使，需要加载环境变量，例如：

source /etc/profile

cd /home/srcipt

sh test.sh

注意：source files必须是一个文件，而不是一个目录，所以上面我在上面构建那一步，将文件都打包了

[maven]: https://mp.csdn.net/console/editor/html/106568955

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关前端配置vue项目jenkins自动化部署

一： general * 这部分不需要配置，输入个项目描述就可以 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naG...

冷不防/ 2024年04月19日 13:00/ 0 赞/ 126 阅读

相关 Jenkins内网搭建并自动化部署vue项目

序言前面已经讲述了jenkins的一些基本的操作，是以部署[maven项目][maven]讲述的，此处讲解一下vue部署的过程，因为是在上一篇文章基础上，所以

约定不等于承诺〃/ 2023年02月15日 12:45/ 0 赞/ 2 阅读

相关 Jenkins内网搭建并自动化部署maven项目

序言先声明一下，因为当时部署的时候是在公司内网环境下，所以无法截取图片，这个地方就尽量使用文字描述的详细一些，如果有需要图片讲解的话，可以给我评论，我在本地机

不念不忘少年蓝@/ 2023年02月15日 12:41/ 0 赞/ 1 阅读

相关 jenkins自动化部署vue

jenkins自动化部署vue 一、nodejs配置首先加入nodejs插件 ![这里写图片描述][70]–>![这里写图片描述][70 1]–>

雨点打透心脏的1/2处/ 2022年11月02日 11:51/ 0 赞/ 423 阅读

相关 jenkins+maven+svn搭建自动化部署测试

环境：centos 7、maven 3.3.3、jdk1.7、jenkins 1.651.3，svn1.7 IP:192.168.2.236 jenkins 下载网址：ht

青旅半醒/ 2022年09月21日 13:26/ 0 赞/ 360 阅读

相关 jenkins自动化部署搭建。jenkins+docker+maven+git+springboot

这两天在学jenkins。在网上找了一大堆资料。从一脸懵逼到现在的自动化部署。说来都是泪啊。 jenkins:一个可以自动化部署的软件。平时我们程序员都是。撸码-测试-打包-

浅浅的花香味﹌/ 2022年05月31日 06:39/ 0 赞/ 259 阅读

相关 Jenkins搭建自动化部署环境（基于github）

服务器使用centos6.5 一、安装jenkins ![43.png][] 因为我用的win7系统，所以下载好后，在jenkins.war路径下，打开命令行，使用下

向右看齐/ 2022年04月13日 04:27/ 0 赞/ 378 阅读

相关搭建jenkins实现自动化部署

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] Jenkins是一个非常有名的CI工具，开源、免费，通过

逃离我推掉我的手/ 2022年01月16日 03:26/ 0 赞/ 493 阅读

相关 Jenkins Git Maven搭建自动化部署项目环境邮件通知

简介折腾了两个晚上，趁着今晚比较有空，把jenkins+git+maven搭建自动化部署项目环境搭建的过程记录一下,这里我把github作为git的远程仓库(https:/

短命女/ 2021年12月21日 13:37/ 0 赞/ 354 阅读

相关 jenkins自动化部署vue项目

jenkins自动化部署vue项目一、搭建node环境 1. 下载linux版本的nodejs，并上传到linux下

朱雀/ 2021年09月28日 13:52/ 0 赞/ 801 阅读