jenkins自动部署vue项目,jenkins自动构建maven项目
本文主要介绍jenkins自动构建和发布vue项目的方法和步骤。通过示例代码进行了非常详细的介绍,对于大家的学习或者工作都有一定的参考价值。有需要的朋友下面跟边肖学习。
目录
Jenkins安装简介1。安装JDK2。安装jenkins3。配置詹金斯的端口4。开始詹金斯5。打开jenkins6。安装插件并发布vue项目1。安装插件2。配置git和NodeJS环境3。配置git凭证信息4。创建新任务。
简介
Jenkins是一款开源的持续集成(CI)工具,用户界面友好,源自Hudson(Hudson是商用)。主要用于持续自动地构建/测试软件项目,监控外部任务的运行(这个比较抽象,暂且不做解释)。Jenkins是用Java语言编写的,可以在Tomcat等流行的servlet容器中运行,也可以独立运行。通常与版本管理工具(SCM)和构建工具结合使用。常用的版本控制工具有SVN和GIT,构建工具有Maven、Ant和Gradle。
jenkins安装
1.安装JDK
yum install -y java
2.安装jenkins
将Jenkins库添加到yum库并安装它。
wget-O/etc/yum . repos . d/詹金斯. repo http://pkg.jenkins-ci.org/redhat/jenkins.repo
rpm -进口https://jenkins-ci.org/redhat/jenkins-ci.org.key
yum install -y詹金斯
如果yum未能签署jenkins,请在启动命令后添加-nopgcheck。
yum install-y Jenkins-nopgcheck
3.配置jenkis的端口
vi /etc/sysconfig/jenkins
#此端口可以被修改而不会发生冲突。
詹金斯_端口=8080
4.启动jenkins
#开始开始停止停止,重新开始重新开始
服务jenkins启动/停止/重启
成功安装后,Jenkins将作为系统的守护程序启动。
将创建一个“jenkins”用户来允许此服务。如果更改了服务所有者,则需要修改/var/log/Jenkins、/var/lib/Jenkins和/var/cache/jenkins的所有者。
启动时,配置参数将从/etc/sysconfig/jenkins获得
5.打开jenkins
在浏览器中访问
http://127.0.0.1:8080/
第一次,您将被要求输入如下所示的初始密码。
初始密码位于文件:/var/lib/Jenkins/secrets/initial admin password中。
6.安装插件
登录后,我们开始安装推荐的插件。
发布vue项目
1.安装插件
如果jenkins和vue应用程序部署在同一台计算机上,则不需要安装后两个插件。
安装NodeJS插件
点击系统管理,然后点击插件管理,在可选插件中搜索NodeJS插件,然后安装。
安装用于SSH连接的插件
通过SSH发布用于连接到远程服务器。
安装将应用程序发布到远程服务器的插件。
部署到容器插件用于将打包的应用程序发布到远程服务器。
2.配置git和NodeJS环境
打开系统管理中的全局工具配置。
安装配置git
如果已经下载了,就不需要再下载了。
#安装git
yum安装git
#检查git的可执行文件的位置,默认情况下该文件位于/usr/bin/git中
git在哪里
配置git执行命令目录
安装配置NodeJS
自动下载会在构建任务期间出现半天(不推荐)
自动下载的NodeJS文件保存在/var/lib/Jenkins/tools/Jenkins . plugins . NodeJS . tools . NodeJS installation/下。
手动下载NodeJS压缩包,上传到服务器指定位置。
我本地开发环境使用的NodeJS版本是v12.18.3,下载路径是https://NodeJS . org/dist/v 12 . 18 . 3/node-v 12 . 18 . 3-Linux-x64 . tar . gz,可以去https://nodejs.org/dist/页面找到你对应的版本文件建议别用网页下载,网页下载特别慢,打开迅雷把文件链接放进去几秒钟就下完了.。
#将下载的压缩包上传到服务器的这个目录。
/var/lib/Jenkins/tools/Jenkins . plugins . nodejs . tools . nodejs installation/
#压缩
CD/var/lib/Jenkins/tools/Jenkins . plugins . nodejs . tools . nodejs installation/
塔尔zxvf node-v12.18.3-linux-x64.tar.gz
3.配置git凭证信息
配置git帐户密码信息
单击系统管理下的管理凭据。
点击詹金斯。
单击全局凭据。
单击添加凭据。
设置连接到git的帐户的密码信息,然后设置凭证的唯一ID。
4.新建任务
创建一个新任务,然后点击构建一个自由风格的软件项目
配置git地址和凭证信息
单击源代码管理,然后配置代码库和相应的凭据信息。
指定分行
设置项目自动发布的触发条件。
目前,使用轮询,
H/5 * * * *表示每5分钟检查一次git代码是否更新,更新会自动发布。
配置构建环境
检查之前在全局配置中添加的NodeJS名称。
设置要执行的构建参数和命令。
以下两种情况,根据实际需要选择配置。
将项目发布到本机安装程序生成命令
单击添加构建步骤并选择执行shell。
输入命令来构建项目,然后单击Save。
#切换目录(我的vue项目在git源代码根路径的ocrweb目录下,如果你的在根路径下,请忽略命令cd)
#cd ocrweb
#负载相关性
npm安装
#构建代码
npm运行构建
#将构建好的文件复制到nginx中项目对应的部署目录下。
CP dist/*-RF/usr/local/nginx/Jenkins/www/ocr web
由于jenkins服务是默认由jenkins用户启动的,所以vue项目发布的目录应该是授权的。
chmod 777/usr/local/nginx/Jenkins/www/ocr web
立即构建项目
1.单击我的视图。
2.单击新创建的任务。
3.单击立即构建。
4.单击以查看控制台日志
您可以看到我们之前配置命令被打印出来。
请参见下面的“完成:成功”以表明它已成功发布。
最后,我看到文件已经发布到我配置的nginx容器的目录中。
要将项目发布到远程服务器,您需要首先设置远程服务器的主机、帐号和密码。
单击系统管理-单击系统配置找到通过SSH发布选项。
需要配置名称、主机名、用户名和远程目录。
密码、密钥文件和密钥内容可用于帐户认证。
参数说明
领域
形容
密码
服务器门控密码术
密钥的路径
远程服务器密钥文件的路径
钥匙
密钥文件的内容
名字
自定义服务器名称
主机名
服务器的IP extranet地址
用户名
服务器用户名
远程目录
ssh连接打开后的默认路径
设置构建命令
cp命令比上面写的单机部署少,打包命令多。
#负载相关性
npm安装
#构建程序
npm运行构建
#切换已编译的目录。
cd区
#删除以前的压缩包
RM-f ocrweb.tar.gz
#将当前目录下的所有文件打包到ocrweb.tar.gz。
塔尔-zvf ocrweb.tar.gz *
构建后操作
单击add post-construction operation并选择Send build artifacts over SSH。
#源文件
dist/ocrweb.tar.gz
#删除前缀
距离
#远程目录
usr/local/nginx/Jenkins/www/ocr web
#Exec命令
CD/usr/local/nginx/Jenkins/www/ocr web
塔尔-zxvf ocrweb.tar.gz
RM-f ocrweb.tar.gz
参数说明
领域
形容
源文件
项目构建后工作区中的相对目录(我在这里构建时打包的文件名是ocrweb,所以填入dist/ocrweb.tar.gz)
删除前缀
删除前缀(如果不删除,dist目录将被添加到发布目录之后)
远程指挥
发布的目录(系统配置/这个目录的路径,因为我配置了ssh根路径写/,所以这里写的路径是usr/local/nginx/Jenkins/www/ocr web)
执行命令
发布执行的命令后(首先将cd切换到文件发布的目录,然后执行解压缩操作,然后删除压缩包)
配置完成后,保存它,然后单击Build Now,检查控制台日志,并查看SSH:transfered 1 file(s)
完成:成功意味着文件已经上传到远程服务。
登录到远程服务器以验证文件是否存在。
至此,jenkins已经写了部署vue项目的步骤。
这就是这篇关于jenkins如何自动构建和发布vue项目的文章。有关jenkins自动构建vue的更多信息,请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。