jenkins自动部署vue项目,jenkins自动构建maven项目

  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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: