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

最新推荐文章于 2024-08-09 16:13:55 发布
最新推荐文章于 2024-08-09 16:13:55 发布
阅读量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元/天 解锁文章
SunSeekerX
关注
专栏目录
Jenkins+node+vue自动化部署
qq_37312180的博客
11-07 1887
找到NodeJS配置后，按下列步骤全局配置NodeJS。Gitee 域名 URL相同。
从零搭建vue + jenkins 超详细教程
xinTianou123的博客
10-16 711
这两天不忙，折腾了一下jenkins，算是从0到入门了 jenkins首页 步骤： 0.服务器安装java，并配置环境变量 下载 打开oracle官网 我一般习惯新建一个文件夹专门用于存放安装包文件（以个人喜好为准，可忽略） cd / // 创建并切换至安装包文件夹 mkdir java-package && cd java-package // 下载源文件 wget https://download.oracle.com/otn/java/jdk/8u261-b12/a463452
jenkins自动部署vue前端项目
08-15
jenkins自动打包vue前后端分离项目，部署到远程服务器
jenkins自动构建部署vue
最新发布
_binlong的博客
08-09 533
Jenkins是一个开源的、提供友好操作界面的持续集成(CI)工具，起源于Hudson（Hudson是商用的），主要用于持续、自动的构建/测试软件项目、监控外部任务的运行（这个比较抽象，暂且写上，不做解释）。Jenkins用Java语言编写，可在Tomcat等流行的servlet容器中运行，也可独立运行。通常与版本管理工具(SCM)、构建工具结合使用。常用的版本控制工具有SVN、GIT，构建工具有Maven、Ant、Gradle。
vue 自动化部署 jenkins 篇
weixin_33852020的博客
04-10 146
前端项目打包部署，以前都是手工运行打包命令，打包结束后压缩，然后上传到服务器上解压部署。这种重复性的工作，确实有点让人烦，而且效率也不高。 本文基于 vue 的前端项目、 GitHub 的代码仓库，简述在 CentOS7 上利用 jenkins 实现自动部署。 一、安装插件 NodeJS Jenkins -> Manage Jenkins -> Manage Plugins -&gt...
【Jenkins】部署vue项目（多种方式部署）
热门推荐
怀着一颗学徒的心
07-24 1万+
🥕第一种 （npm run build）打包的形式 🥕第二种 （npm run test）直接启动的形式 🥕第三种 使用docker镜像打包脚本
Jenkins + Vue 项目自动化部署
weixin_43112000的博客
04-19 4451
最近公司项目在测试前端项目,需要频繁的进行更换文件,虽然工作量不大,但是频繁的重复工作有点降低了工作效率,于是就搭建了jenkins + Vue 的自动化部署,可以实现自己拉取代码+构建+然后再发到web服务器上面,只需要告诉开发Jenkins的地址,去点一下鼠标就能实现自动化部署了。 环境介绍： 系统：CentOS Linux release 7.6.1810 (Core) JDK：java v...
vue+jenkins 实现自动部署
weixin_43974311的博客
12-28 177
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
基于python3+django+Vue自动化测试平台开发
09-29
在构建“基于Python3+Django+Vue自动化测试平台”的过程中，我们将涉及到多个技术栈的知识点，涵盖了后端开发、前端开发以及项目整合等多个方面。下面将详细阐述这些关键技术及其应用。 1. Python3：Python3是这个...
gitlab+jenkins自动化部署vue项目
Heasdfghjkl的博客
04-03 915
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
k8s中Jenkins流水线配置自动化部署java+vue等服务.rar
06-10
通过Jenkins流水线发布Java服务到k8s集群上，主要是通过在Jenkins slave上集成宿主机docker，helm，kubectl工具来打包镜像部署服务到k8s集群上。
vue项目jenkins自动化部署
weixin_43837268的博客
03-16 503
本篇主要讲解一下如何去配置 jenkins，如何使用 Fabric（python 脚本）去部署项目，怎么设置 gitlab 的钩子，实现我们提交代码及自动打包部署，实现真正的自动化部署。看归看，记得一定要实践一下才知道哪里有坑。 如果你在尝试的过程中遇到什么问题，欢迎留言和我一起探讨。 准备项目 这里就不做过多介绍了，随便一个 vue 或者 react 的项目，或者 node 的项目都可以。 前提是一定要上传到 git 上哦，我们后续会使用项目 git 的钩子函数去调用 jenkins 进行自...
jenkins 从svn拉取vue 项目部署的问题
tang_jian_dong的博客
06-10 289
jenkins 从svn 拉取vue项目， 拉取到服务器后， 如果存在.svn后缀的文件夹， 则会部署失败 解决方法： find . -type d -name ".svn"|xargs rm -rf
jenkins自动化构建前端vue项目最佳配置教程gitlab
weixin_41791737的博客
11-10 695
前端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 640
文章目录新建项目新建任务构建一个自由风格的软件项目任务配置 新建项目 需要插件publish over ssh 新建任务 构建一个自由风格的软件项目 任务配置
jenkins自动化部署vue
weixin_43493217的博客
06-01 365
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 915
目录一、安装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://
windows服务器下使用jenkins部署vue项目
qq_37772059的博客
12-06 2069
使用jenkins自动化部署vue项目，从gitee上自动拉去代码，构建到nginx上。修改代码提交到gitee后，点击jenkins上的build now即可自动化构建
Jenkins + Docker + Git 自动化部署前端vue项目
05-20
以下是 Jenkins + Docker + Git 自动化部署前端 Vue 项目的步骤： 1. 安装 Docker 和 Jenkins：Docker 是一个容器化平台，Jenkins 是一个自动化构建和部署工具。 2. 创建一个新的 Jenkins 任务：在 Jenkins 的界面上，点击 "新建任务"，选择 "自由风格项目"。 3. 配置 Git 仓库：在 Jenkins 任务的配置中，添加 Git 仓库的 URL 和凭证信息，以便 Jenkins 可以从 Git 仓库中获取代码。 4. 配置构建触发器：在 Jenkins 任务的配置中，选择 "构建触发器"，选择 "轮询 SCM"，并设置定期检查 Git 仓库的时间间隔。 5. 配置构建步骤：在 Jenkins 任务的配置中，选择 "构建步骤"，添加构建步骤 "执行 Shell 脚本"，在脚本中编写 Docker 镜像的构建和部署命令。 6. 配置构建后操作：在 Jenkins 任务的配置中，选择 "构建后操作"，添加 "构建后步骤"，选择 "推送 Docker 镜像"，并填写 Docker 镜像的仓库地址和凭证信息。 以上步骤完成后，每次代码提交到 Git 仓库后，Jenkins 就会自动触发构建和部署过程，将 Vue 项目打包成 Docker 镜像并部署到指定的服务器上。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值