jenkins通过码云的webhook自动部署vue项目并通过钉钉通知

最新推荐文章于 2024-05-10 13:24:00 发布
最新推荐文章于 2024-05-10 13:24:00 发布
阅读量741 收藏 3
点赞数 1
文章标签： 运维 vue jenkins git devops
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45988567/article/details/105840455
版权

jenkins通过码云的webhook自动部署vue项目并通过钉钉通知

公司前端开发需要频繁更新代码，需要及时部署到测试环境，所以亟需一套自动化部署的应用，然而jenkins加码云的webhook就可以实现这一功能，通过配置，当前端开发push代码后webhook会检测到代码更新发送请求给jenkins触发自动构建项目。

环境介绍

Linux：CentOS Linux release 7.7.1908 (Core)
JDK ： version “1.8.0_242”
Tomcat ：apache-tomcat-8.0.30
Git ： version 1.8.3.1
Node ：v13.11.0
Yarn ：1.22.4
Jenkins版本 ： 2.204.5

前言：下面文章介绍的操作和配置是在基础环境都准备好了的情况下进行的，所以在要保证jdk，node等这些环境都装好了，同时jenkins也搭建好了。

第一步 ：下载所需的插件

在这里插入图片描述

搜索并安装NodeJS Plugin（构建工具）、Publish Over SSH（用于远程发送构建好的包到指定的服务器)
在这里插入图片描述
这个是码云webhook的插件
在这里插入图片描述
下载安装钉钉插件
在这里插入图片描述

安装好了node以后需要在jenkins里面配置好
在这里插入图片描述
根据你的安装目录配置好，填好记得保存哈
在这里插入图片描述
然后我们需要配置好要远程的web服务器
在这里插入图片描述
拉到下面，找到ssh server，点击高级

最低0.47元/天 解锁文章
vilison-0.0
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Devops】通过 Gihub WebHooks 实现自动构建部署 Vue 项目
hxw3274743的博客
01-19 587
通过 Github WebHooks 实现 CentOS 服务器对 Vue 项目的自动构建部署
jenkins 安装 码云Webhook触发Jenkins自动构建
韩梦飞沙_韩亚飞
04-10 6828
jenkins 安装：https://blog.csdn.net/KingBoyWorld/article/details/77922730--下载安装包进入官网，下载jenkins的war包，我下载的是2.6版本的，如下图片中的位置:将安装包上传至要运行的系统中。----运行Jekins使用如下命令在后台运行jenkinsnohup java -jar jenkins.war --httpPor...
Jenkins开发之——构建钉钉通知
最新发布
2401_84895803的博客
05-10 675
id：可以不设置，增加时自动设置名称：机器人别名webook：钉钉中添加自定义机器人时的webhook关键字：钉钉机器人中填写的自定义关键字加密：钉钉机器人中勾选加签后的内容(也可不设置)
Jenkins集成码云自动部署Vue项目
有酒醉三生丶
03-06 426
一、安装码云Gitee工具 Manage Jenkins -》Manage Plugins -》 可选插件 -》 搜索Gitee -》 安装 二、配置Gitee jenkins --> 系统管理 --> 系统设置 ，找到Gitee 配置选项 链接名:随便输入 Gitee 域名 URL：https://gitee.com 证书令牌：点击 添加 -》jenkins 测试连接 三、安装Nginx sudo yum install nginx sudo systemc...
vue项目部署到码云的pages服务器上
01-07
1.码云上创建远程仓库 2.vue项目跟目录设置vue.config.js module.exports = { publicPath: process.env.NODE_ENV === 'production' ? '/远程仓库名字/' : '/' } 3.打包及上传远程仓库 npm run build 复制dist文件夹到另外新建文件夹中，cd进dist文件夹，运行git命令行 git init git add -A git commit -m '提交信息' git remote add origin 远程仓库地址 git push -u origin mas
[企业微信通知系列]Jenkins发布后自动通知
wliee的博客
03-28 911
最近使用Jenkins进行自动化部署，但是部署后，并没有相应的通知，虽然有邮件发送通知，但是发现邮件会受限于接收方的接收设置，导致不能及时看到相关的发布内容。而由于公司使用的是企业微信，因此考虑Jenkins通知企业微信机器人的实现方式。注意：企业微信貌似没有像钉钉那样设置配置群机器人权限，因此任何人都能添加机器人。注意：此处的Webhook将用于Jenkins当中的参数配置。企业微信的机器人相较于钉钉机器人而言，太简单了。前往构建后的操作 -> 选择企业微信通知。3.1 企业微信的配置。
jenkins结合gitlab部署vue项目
11-25
在现代软件开发流程中，持续集成（Continuous Integration, CI）和持续部署（Continuous Deployment, CD）扮演着至关重要的角色。...确保仔细阅读并按照步骤操作，你就能顺利地实现自动化部署Vue项目了。
前端vue项目jenkins配置文档.pdf
05-17
在本文中，我们将深入探讨如何配置Vue.js前端项目与...总的来说，通过上述配置，Jenkins能够帮助Vue.js项目实现自动化构建和部署，提升开发团队的生产力和软件质量。确保每个变更都经过验证，从而加快产品迭代速度。
Jenkins部署相关脚本.zip
08-10
"Jenkins部署相关脚本.zip"文件包含了用于Jenkins部署过程的重要脚本，旨在自动化Java后端、Vue前端以及Nginx服务器的构建与部署。 1. **Java后端启动脚本**： Java后端脚本通常用于编译、测试、打包和启动Java...
Jenkins配置1
08-08
1. **编译部署**：一旦项目配置完成，可以通过Jenkins的构建触发器（如定时构建或代码仓库 webhook）自动执行Maven的`clean package`命令，生成可部署的jar或war包。 2. **运行**：构建完成后，通过SSH插件连接到...
在CentOS7上搭建Jenkins+Maven+Git持续集成环境的方法
09-15
这个环境可以有效地自动化项目的构建、测试和部署，提高开发效率，减少错误，并确保代码质量。对于Spring Boot项目，结合Maven的生命周期和插件，可以轻松实现从源代码管理到部署的整个流程的自动化。
git码云配置web hook钩子实现自动部署,git权限等问题,LAMP
yufan_xiaowu的博客
09-12 1万+
由于博客搬家，我的博客将在: 懒惰的夜猫子  上发布 点击下方链接即查看： git码云配置web hook钩子实现自动部署,git权限等问题,LAMP     __________________________________________________________________   这几天用git的时候就看到git有一个非常方便的功能可以实现自动部署到服务器。然后我就看...
从零开始的完整代码: Vuejs前端 + Nodejs后端读写文件 + 消息通知到TG(钉钉机器人也行) + Nginx发布
intbird的专栏
11-02 1909
目录 1. 网站视图 1. 网站版浏览视图 2. 手机端浏览视图 3. 删除弹框 2. Telegram通知 2.1 收到机器人消息 2.2 两个简单的api 3. NodeJs-server 4. VueJs-web 5. Runing service 5.1 Nodejs-server-run service 5.2 Nginx网关配置 看业主群里聊天说到单身的问题, 弄个计数统计一下单身人数, 半小时左右差不多搞定, 代码是很简单,说下过程吧 1. 网站视图 ..
一招教会你配置Jenkins钉钉消息通知
软件测试技术分享官
08-05 915
Jenkins 作为最流行的开源持续集成平台，其强大的拓展功能一直备受测试人员及开发人员的青睐。
webhook+docker+nginx实现vue项目的持续集成
杨光的博客
12-25 539
目录前言思路容器外build目录结构webhook-giteedeploy-dev.shdocker-compose.ymlDockerfiledefault.conf首次拉取项目启动服务器脚本可能遇到的问题Permission denied     前言 本文将分享如何将vue项目托管到docker上，同时也是对《webhook+docker实现vue项目的持续集成》的补充。...
Jenkins之邮件通知
专注自动化、性能测试、测试架构学习交流
08-13 318
完成基于jenkins的持续集成部署后，任务构建执行完成，测试结果需要通知到相关人员。这篇博客，介绍如何在jenkins中配置邮件通知的方法。。。 一、安装邮件插件 由于Jenkins自带的邮件功能比较鸡肋，因此这里推荐安装专门的邮件插件，不过下面也会顺带介绍如何配置Jenkins自带的邮件功能作用。 可以通过系统管理→管理插件→可选插件，选择Email Extension Plugin插件...
webhook+docker实现vue项目的持续集成
杨光的博客
12-24 712
目录前言准备工作Dockerfile编写服务器脚本webhook服务端使用git拉取项目启动服务器脚本安全组配置     前言 前段时间将使用vue编写的项目文档署到了云服务器，可是后续每次项目文档有修改时都需要我手动将代码push到云服务器和码云，并且还要重启docker容器，实在麻烦。于是开始研究持续集成，希望在我使用git将项目push到码云之后可以自动将项目同步到云服务...
调用钉钉接口--发送工作通知消息
热门推荐
张姐姐聊编程
12-02 2万+
钉钉目前是管理公司比较常用的软件，为了完善公司的管理制度,为了加强公司的管理模式,所以现在需要调用钉钉的发送消息的接口,进行企业通知消息的发送.
Vue项目集成前端异常监控工具Sentry（二）-内网部署Sentry服务
Alexanderhs的博客
07-23 1143
一、部署Sentry 1.下载Sentry仓库 git clone https://github.com/getsentry/onpremise.git cd onpremise 1.安装docker sudo yum update sudo yum remove docker docker-common docker-selinux docker-engine sudo yum i...
jenkins自动部署vue项目
04-05
1. 配置Jenkins环境 安装Jenkins，配置JAVA_HOME和Maven。 2. 创建Jenkins任务 在Jenkins中创建新任务，选择“自由风格项目”，填写任务名称，点击...在Jenkins中查看构建结果，如果构建成功，则自动部署Vue项目完成。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值