Jenkins+vue项目自动化构建部署

最新推荐文章于 2024-09-18 20:45:00 发布
最新推荐文章于 2024-09-18 20:45:00 发布
阅读量2.8k 收藏 14
点赞数 3
分类专栏： Coding 文章标签： jenkins 服务器 容器 docker vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a1647800606/article/details/105938604
版权
本文介绍了如何利用Jenkins实现Vue项目的自动化构建和部署。首先，讲解了安装ssh发送插件和配置插件的步骤，接着阐述了新建项目配置的详细过程，包括源码管理、构建触发器、构建环境、构建步骤以及构建后操作。通过这些配置，当代码提交到Git后，Jenkins将自动拉取代码、安装依赖、打包并发送到服务器进行部署。
摘要由CSDN通过智能技术生成

Jenkins

更新地址：https://sunseekerx.yoouu.cn/common/jenkins.html

更新时间：2020-05-05 20:39:33

Vue项目自动化构建

Jenkins安装查看Docker章节。

Jenkins第一次安装完成最好重启一下，因为如果安装了语言包有些地方还是英文的。应该是个bug。

前提

  • Vue项目+Git
  • 有Jenkins环境
  • 有部署项目的服务器
  • 域名
  • Linux知识

目标

在本地写好代码，一旦提交到Git，通过web-hook，触发Jenkins的自动构建任务，Jenkins自动从Git上面拉取代码>安装依赖>打包>发送到部署的服务器等一系列操作。

简单来说，我本地写好代码，我提交到Git之后，就有个东西帮我打包发送到服务器。我不需要管这些事，我只要写代码、测试、推代码就完事了。

目前需要实现的就是这样的功能，但Jenkins能做的不只是这么多。不过对于我目前的项目来说足够了。

实现

0x1 安装ssh发送插件 - Publish Over SSH

见名知意，通过ssh发布，用来将打包好的项目用ssh连接的方式发送到部署的服务器，并且执行其他的命令。

  1. 选择系统管理
  2. 选择插件管理
  3. 页面直接ctrl+f搜索ssh，直接安装Publish Over SSH插件(不要用自带的过滤搜索没用)

0x2 配置ssh插件

这里要配置的部署网站的服

最低0.47元/天 解锁文章
Jenkins+node+vue自动化部署
qq_37312180的博客
11-07 1947
找到NodeJS配置后，按下列步骤全局配置NodeJS。Gitee 域名 URL相同。
gitlab+jenkins自动化部署vue项目
Heasdfghjkl的博客
04-03 938
gitlab+jenkins自动化部署vue项目1. 环境搭建1.1 gitlab安装1.1.1 gitlab-ee安装1.1.2 相关配置以及命令1.1.3 通知邮箱配置1.1.4 开放8888端口1.2 jenkins安装（前提需要java环境）2. 自动化配置2.1 本地创建vue项目并提交到gitlab2.2 jenkins配置2.3 gitlab钩子配置 1. 环境搭建 1.1 gitlab安装 1.1.1 gitlab-ee安装 环境安装： sudo yum install -y curl po
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
【Jenkins】部署vue项目（多种方式部署）
热门推荐
怀着一颗学徒的心
07-24 1万+
🥕第一种 （npm run build）打包的形式 🥕第二种 （npm run test）直接启动的形式 🥕第三种 使用docker镜像打包脚本
Jenkins前端和Vue项目部署步骤
最新发布
mufg15dfg的博客
09-18 1016
192.168.88.101 从机。
vue 自动化部署 jenkins 篇
weixin_33852020的博客
04-10 165
前端项目打包部署，以前都是手工运行打包命令，打包结束后压缩，然后上传到服务器上解压部署。这种重复性的工作，确实有点让人烦，而且效率也不高。 本文基于 vue 的前端项目、 GitHub 的代码仓库，简述在 CentOS7 上利用 jenkins 实现自动部署。 一、安装插件 NodeJS Jenkins -> Manage Jenkins -> Manage Plugins -&gt...
Jenkins构建vue项目
2401_85325558的博客
09-13 542
Vue 项目通常有许多依赖项，这些依赖项通过npm或yarn来管理和安装。Jenkins 在构建过程中需要运行这些包管理工具来安装项目依赖，因此必须安装 Node.js。：Vue 项目通常使用构建工具（如 Webpack、Vite）来打包和优化代码。这些构建工具基于 Node.js 运行，Jenkins 在执行构建步骤时需要调用这些工具，因此需要 Node.js 环境。：在 Vue 项目中，可能会有自定义的脚本（如构建脚本、测试脚本等）需要在 Jenkins 构建过程中执行。
从零搭建vue + jenkins 超详细教程
xinTianou123的博客
10-16 729
这两天不忙，折腾了一下jenkins，算是从0到入门了 jenkins首页 步骤： 0.服务器安装java，并配置环境变量 下载 打开oracle官网 我一般习惯新建一个文件夹专门用于存放安装包文件（以个人喜好为准，可忽略） cd / // 创建并切换至安装包文件夹 mkdir java-package && cd java-package // 下载源文件 wget https://download.oracle.com/otn/java/jdk/8u261-b12/a463452
基于python3+django+Vue自动化测试平台开发
09-29
在构建“基于Python3+Django+Vue自动化测试平台”的过程中，我们将涉及到多个技术栈的知识点，涵盖了后端开发、前端开发以及项目整合等多个方面。下面将详细阐述这些关键技术及其应用。 1. Python3：Python3是这个...
k8s中Jenkins流水线配置自动化部署java+vue等服务.rar
06-10
通过Jenkins流水线发布Java服务到k8s集群上，主要是通过在Jenkins slave上集成宿主机docker，helm，kubectl工具来打包镜像部署服务到k8s集群上。
jenkins自动构建部署vue
_binlong的博客
08-09 951
Jenkins是一个开源的、提供友好操作界面的持续集成(CI)工具，起源于Hudson（Hudson是商用的），主要用于持续、自动的构建/测试软件项目、监控外部任务的运行（这个比较抽象，暂且写上，不做解释）。Jenkins用Java语言编写，可在Tomcat等流行的servlet容器中运行，也可独立运行。通常与版本管理工具(SCM)、构建工具结合使用。常用的版本控制工具有SVN、GIT，构建工具有Maven、Ant、Gradle。
Jenkins + Vue 项目自动化部署
weixin_43112000的博客
04-19 4461
最近公司项目在测试前端项目,需要频繁的进行更换文件,虽然工作量不大,但是频繁的重复工作有点降低了工作效率,于是就搭建了jenkins + Vue 的自动化部署,可以实现自己拉取代码+构建+然后再发到web服务器上面,只需要告诉开发Jenkins的地址,去点一下鼠标就能实现自动化部署了。 环境介绍： 系统：CentOS Linux release 7.6.1810 (Core) JDK：java v...
vue+jenkins 实现自动部署
weixin_43974311的博客
12-28 192
1，首先配置ssh服务器 1） 2，新建一个自由风格的项目 cp /root/.jenkins/workspace/test_demo_web/wj-vue/dist.tar.gz /usr/local cd /usr/local rm -rf dist tar zxvf dist.tar.gz rm -rf dist.tar.gz cd /root/.jenkins/workspace/test_demo_web/wj-vue/ rm -rf dist #删除之前构建的文件 rm -f dist
vue项目jenkins自动化部署
weixin_43837268的博客
03-16 561
本篇主要讲解一下如何去配置 jenkins，如何使用 Fabric（python 脚本）去部署项目，怎么设置 gitlab 的钩子，实现我们提交代码及自动打包部署，实现真正的自动化部署。看归看，记得一定要实践一下才知道哪里有坑。 如果你在尝试的过程中遇到什么问题，欢迎留言和我一起探讨。 准备项目 这里就不做过多介绍了，随便一个 vue 或者 react 的项目，或者 node 的项目都可以。 前提是一定要上传到 git 上哦，我们后续会使用项目 git 的钩子函数去调用 jenkins 进行自...
jenkins 从svn拉取vue 项目部署的问题
tang_jian_dong的博客
06-10 302
jenkins 从svn 拉取vue项目， 拉取到服务器后， 如果存在.svn后缀的文件夹， 则会部署失败 解决方法： find . -type d -name ".svn"|xargs rm -rf
jenkins自动化构建前端vue项目最佳配置教程gitlab
weixin_41791737的博客
11-10 708
前端vue项目每次构建完都要ftp手动传到服务器才生效，过程很麻烦 现在有了jenkins一点点击完成所有操作；妈妈再也不用担心我不会写代码了；开心 项目情况 1、代码在gitlab仓库里 2、vue项目 现在开始行动吧；来吧小宝贝 1，新建试图（如果已经有视图就不用新建这一步啦） 2、点击进去新建的项目之后点击新建任务 3、接下来最重要的来了；老中医独家秘方，不需要很多配置直接写入命令即可 4、添加gitlab的克隆代码的链接、添加token（允许jenkins访问代码服务器的账号密码） 5、
jenkins部署vue项目
https://gitee.com/hello-piper/PiperChat
11-19 651
文章目录新建项目新建任务构建一个自由风格的软件项目任务配置 新建项目 需要插件publish over ssh 新建任务 构建一个自由风格的软件项目 任务配置
jenkins自动化部署vue
weixin_43493217的博客
06-01 377
1.安装git插件出现图一，输入git克隆地址以及账号密码 2.安装gitlab plugins以及gitlab hook plugins用于管理git push提交后自动构建 注意事项：①.需要在gitlab对应项目setting 下的webhook添加例如下图中的连接，然后输入高级中generate中的token,点击测试，如在jenkins中进行构建即表示成功 3.vue构建环境需要node，所以安装nodej plugins 注意事项：①.安装node成功后需要在全局配置中选择node版本并
Jenkins自动构建vue项目并部署至Kubernetes
walkon1007的博客
03-12 945
目录一、安装JavaScript 运行环境Node.js二、配置Jenkins三、补充四、参考文档 本文基于上一篇文章的测试环境，通过jenkins构建一个简单的vue项目，并部署至上文的k8s集群中。 上文链接：https://blog.csdn.net/walkon1007/article/details/112769224 一、安装JavaScript 运行环境Node.js 下载地址：https://nodejs.org/en/download/ 我直接下载了二进制文件： wget https://
Jenkins + Docker + Git 自动化部署前端vue项目
05-20
1. 安装 Docker 和 Jenkins：Docker 是一个容器化平台，Jenkins 是一个自动化构建和部署工具。 2. 创建一个新的 Jenkins 任务：在 Jenkins 的界面上，点击 "新建任务"，选择 "自由风格项目"。 3. 配置 Git 仓库：在 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值