使用jenkins一键打包发布vue项目的实现

2022-04-15 0 1,281
目录
  • jenkins的安装
    • 安装
    • 更换端口号(默认运行在8080端口)
    • 基础配置
  • 发布vue项目
    • 安装插件-nodejs
    • 配置nodejs插件
    • 创建任务

jenkins的安装

Jenkins是一款开源 CI&CD 软件,用于自动化各种任务,包括构建、测试和部署软件。

Jenkins 支持各种运行方式,可通过系统包、Docker 或者通过一个独立的 Java 程序。

安装

这里的操作系统为WSL Ubuntu,其它系统的安装的请参考jenkins官方文档

wget -q -O - https://pkg.jenkins.io/debian/jenkins.io.key | sudo apt-key add -
sudo sh -c 'echo deb http://pkg.jenkins.io/debian-stable binary/ > /etc/apt/sources.list.d/jenkins.list'
sudo apt-get update
sudo apt-get install jenkins

更换端口号(默认运行在8080端口)

jenkins的配置文件在 /etc/default/jenkins;在其中找到HTTP-PORT并修改

使用jenkins一键打包发布vue项目的实现

运行

sudo systemctl start jenkins
# OR
sudo service jenkins start

如果要开机自动运行

sudo systemctl enable jenkins

如果运行时碰到如下图的错误,请先安装jdk

使用jenkins一键打包发布vue项目的实现

基础配置

启动成功后输入对应的地址(ip:port)进入jenkins管理界面-如下图

使用jenkins一键打包发布vue项目的实现

上图中红色字体对应的文件中拿到默认的管理员密码-具体命令

cat /var/lib/jenkins/secrets/initialAdminPassword

命令执行完成后返回如下图

使用jenkins一键打包发布vue项目的实现

输入密码之后进入到自定义Jenkins界面(如下图)

使用jenkins一键打包发布vue项目的实现

在此界面我们选择安装推荐的插件就会开始安装插件;如下图

使用jenkins一键打包发布vue项目的实现

插件安装完成后就会自动进入设置用户名密码界面(如下图)

使用jenkins一键打包发布vue项目的实现

输入完成后点击按钮保存并完成就会进入下一个界面实例配置

使用jenkins一键打包发布vue项目的实现

点击按钮保存并完成就进入一个新界面,再点击其中的按钮开始使用Jenkins就进入了jenkins的主界面(如下图),至此就完成了jenkins的安装与基础配置。

使用jenkins一键打包发布vue项目的实现

发布vue项目

> 打包vue项目需要nodejs,打包完成后需要通过ssh把打包好的文件上传到目标服务器上。所以下面我们将会来安装jenkins的nodejs插件和Publish Over SSH插件。

安装插件-nodejs

在jenkins主界面工作台,依次点击系统管理>插件管理进入插件管理界面(如下图)

使用jenkins一键打包发布vue项目的实现

搜索结果如下图

使用jenkins一键打包发布vue项目的实现

勾选完插件并点击安装后进入到插件下载界面(如下图)

使用jenkins一键打包发布vue项目的实现

配置nodejs插件

在jenkins主界面工作台,依次点击系统管理>全局工具设置进入插件管理界面并找到NodeJs选项(如下图)

使用jenkins一键打包发布vue项目的实现

安装Publish Over SSH插件并配置

Publish Over SSH插件的安装和nodejs插件是一样,安装完成后开始配置插件;

在jenkins主界面工作台,依次点击系统管理>系统配置进入插件配置界面,滚动到Publish over SSH的位置,然后点击SSH Servers下面的新增按钮(如下图)

使用jenkins一键打包发布vue项目的实现

点击按钮高级后出现的界面如下

使用jenkins一键打包发布vue项目的实现

创建任务

至此,打包vue所需的jenkins插件都已经安装完成,下面我们开始创建vue项目打包的任务。

具体操作如下图

使用jenkins一键打包发布vue项目的实现

点击按钮确定后,如下图

使用jenkins一键打包发布vue项目的实现

安装上图所说的配置完成后点击保存按钮就会跳转到所创建任务的详情界面。

使用jenkins一键打包发布vue项目的实现

至此一个我们便实现了一个简单的一键打包前端项目的jenkins配置。

到此这篇关于使用jenkins一键打包发布vue项目的实现的文章就介绍到这了,更多相关jenkins打包发布vue项目内容请搜索NICE源码以前的文章或继续浏览下面的相关文章希望大家以后多多支持NICE源码!

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 JavaScript 使用jenkins一键打包发布vue项目的实现 https://www.niceym.com/26629.html