首页 > 其他 > 详细

Jenkins自动部署vue项目的相关配置。

时间:2020-05-29 11:48:14      阅读:67      评论:0      收藏:0      [点我收藏+]

简介:配置Jenkins 使push release分支的时候,自动触发一Jenkins任务,执行特定的部署脚本,完成部署。

部署脚本:sh bash脚本,做的事就是打包,压缩打包内容,cp压缩包到服务器指定目录,解压缩,删除无用包,若是部署在nginx下,需要重启nginx。

 

第一步:检查环境 ,在Jenkins首页,左边菜单栏,点击系统管理

技术分享图片

然后点击插件管理,查看是否安装nodejs plugin

技术分享图片

 

技术分享图片

安装完成后 重新进入系统管理,点击全局工具配置

 技术分享图片

 

点击新增nodejs  选取nodejs 版本 并起一个别名

 

技术分享图片

 

 第二步 开始任务配置,回到首页,点击左边菜单新建任务 

技术分享图片

输入任务名称,及选择 构建一个自由风格的软件项目

技术分享图片

进入配置页面后,根据提示进行需要的相关配置。Git   Repository URL 项目地址 必填。然后指定拉取代码的分支,构建触发器 根据需要选择,注意黄色框的地址,一会需要配置到gitlab

 技术分享图片

 

构建环境选择 node 应该会默认带出刚才创建的node别名。增加构建 执行shell 命令,我这是直接执行了我的部署脚本。脚本做了打包并且将包cp到指定服务器目录的操作,并且重启了nginx以完成部署

 技术分享图片

第三部,gitlab 上的配置,打开项目中的settings=>integrations.如下图位置

 

 技术分享图片

 

URL 即为刚才黄色框圈住的地址。token一般为空(根据Jenkins部署配置的设置决定)。勾选push events  填写触发分支 。然后add webhook 添加。

 技术分享图片

 以上,到此为止,每当push代码到 指定分支的时候,将会触发任务 执行项目中写的脚本,完成部署工作。

 

Jenkins自动部署vue项目的相关配置。

原文:https://www.cnblogs.com/zhangshaoliang/p/12986466.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!