Github配合Jenkins，实现vue等前端项目的自动构建与发布

转原文： >

Jenkins 是一个开源的、功能强大的应用程序，可持续集成并且持续交付项目。Jenkins自动构建项目的流程原理如下图所示：

用户通过将源码push到svn或者git等仓库上，然后Jenkins会定期pull检查仓库中的源码是否有变化。如发生变化则会重新构建测试项目并打包生成相应的文件存放在指定的目录，这过程中的完成情况可设置以邮件的形式反馈给管理员，并且管理员可登陆到Jenkins上查看相应项目的构建情况。接着项目构建成功后，Jenkins会把相应的项目包推送到指定的服务器上的指定目录下， 然后执行相应的命令进行项目的部署。

接着我们就来看看如何使用Jenkins完成tomcat项目的自动构建部署。

Jenkins的安装可参考： >

浏览器打开>

如果在master机器上的话：

Linux：/var/log/jenkins/jenkinslog

Windows：%JENKINS_HOME%/jenkinsout 和 %JENKINS_HOME%/jenkinserr

每台slave上有相应的jenkins-slave log文件和master路径一样

首先保证系统中已经安装了jdk，最好是jdk15以上。

第一种启动方法，切换到jenkinsjar存放的目录，输入如下命令：

$ java -jar jenkinsjar

然后在浏览器中（推荐用火狐）输入localhost:8080，localhost可以是本机的ip，也可以是计算机名。就可以打开jenkins

第二种方法是用tomcat打开

解压tomcat到某个目录,如/usr/local，进入tomcat下的/bin目录，启动tomcat

将jenkinswar文件放入tomcat下的webapps目录下，启动tomcat时，会自动在webapps目录下建立jenkins目录，所以在地址栏上需要输入的地址于上一种方法有点不一样。

扩展参考：Jenkins+Gitlab通过脚本自动部署回滚web项目至集群

1）:Gitlab服务器：ubuntu 192168152131 ---参考搭建：Linux安装gitlab，docker安装gitlab教程

2）:Jenkins服务器：ubunu 192168152130 ---参考搭建：linux安装Jenkins，或docker安装Jenkins教程

在服务器上生成ssh-keygen，用于配置web服务器和Gitlab服务器。

3）:web服务器：centos 192168152150 ---已搭建好LNMP环境

4）:开发者电脑：Windows+key密钥 （用于提交代码）

1：在gitlab创建项目Test Project

21）： 配置一个开发者电脑的ssh公钥到gitlab

配置一个开发者电脑的ssh公钥到gitlab，这样才能模拟开发上传代码到gitlab。

windows生成key过程及git安装，可参考：Windows下git和github的使用图文详细教程_the丶only的博客-CSDN博客_github win

在windows测试clone，和提交代码。

注：最新版git 已经将默认分支master改为main了。所以看到main，而不是master不要太奇怪

测试成功，在gitlab也显示有indexhtml文件。

22）： 配置jenkins公钥到gitlab

同理，同样需要jenkins公钥，因为jenkins也需要拉去gitlab的代码。

在 jenkins服务器 上查看公钥并复制添加到gitlab，并命名为jekins。

1：插件管理，安装插件

jenkins本身没什么功能，主要是依靠插件来实现各种强大的功能。

基本需要添加的插件：Gitlab Hook、Build Authorization Token Root、Publish Over SSH、Gitlab Authentication、Gitlab、Git Parameter

可以在 Manage Jenkins >> Manage Plugins 查看管理插件。在Available 选项搜索安装插件即可。

安装完成后，重启Jenkins。

2：添加需要部署的web主机

在 Manage Jenkins >> Configure System 中往下翻，找到 Publish over SSH 选项，点击add ssh server。

在Jenkins服务器上，查看私钥，注，是私钥，不是公钥。

将私钥填写在key位置，还有添加web服务器相关信息。

注：如果测试报错如下

Failed to connect or change directory

jenkinspluginspublish_overBapPublisherException: Failed to add SSH key Message [invalid privatekey: [B@2e54414f]

是因为默认用ssh-keygen命令，默认生成了OPENSSH 格式密钥。而Jenkins暂时不支持这种私钥，私钥开头结尾如下：

所以，需要生成rsa密钥格式的。用开头说的ssh-keygen加其他参数生成即可。

私钥开头结尾如下：

再次测试，显示success，则成功。然后点击save保存即可。

3：构建任务项目

首页创建任务或者一个项目

命名为web-project，选择为freestyle project 自由项目。然后ok确认。

31）：源码管理 Source Code Management

选择源码管理，添加gitlab的项目clone地址。

注：最后路径选择分支，我gitlab主分支名字为main,如果是master，则写master，或者合并的其他分支。

在add添加用户

添加完成后，选择git用户，这时没有红色提醒，说明已成功连接

32）：构建触发器 Build Triggers

现在Build Triggers，勾选build when，其他默认，并记下链接 >

方法/步骤

打开Jenkins>点击Manage Jenkins >再点击Manage Nodes

进入node界面，选中你需要注入环境变量的node，node名为test，label也设置为test。用于后面指定job运行在特定的node上。

勾选Node Properties下面的Environment variables选项框，然后点击Add按钮就会出现输入环境变量的名字和值的选项框。

输入你需要的变量名和变量值，例如 Name:IPAdress, Value: 192168113然后点击save

返回Jenkins首页，点击进入名为testjob的job >然后单击configure，确认该job的标签是test

点击Add build step,选择Excute Windows batch command

在command框中输入你的需要引用到环境变量的命令，例如

telnet %IPAdress%

我是使用我的腾讯云轻量应用服务器做的本次实战

( *** 作系统：CentOS 76 64bit)

(主机规格:CPU: 4核 内存: 4GB)这个配置起前端有点带不动-_-,建议8G内存,这个问题我反复测试很多次。一跑npm 就开始疯狂占资源，然后 *** 作系统内存不够直接把jenkins的进程都给杀了。所以如果你也是4g或者2g内存，尽量不要有其他多余的应用或者容器在机器上运行。

启动：

a与b的结果都是将jenkins启动，也是我们的目标,本篇文章采用war包方式，也建议war包的方式，docker启的话，里面jdk是11，而我机器的jdk是8，同时项目jdk也是8，换11的话，天知道会出什么问题。 启动之后，访问一下,上述例子中我映射了7999端口，同时我的腾讯云防火墙也开放了7999这个端口，下面是访问图例:

根据提示粘贴密码，如果是war包启动的就直接复制页面提示的路径就可以,输入命令,即得密码

如果是docker启动的，上面的-v挂载了一个路径 /jenkins-data 这里面的文件就是容器里jenkins_home里面的文件，故路径就变成了

随后，输入得到的密码，进入,选择安装推荐的插件

接下来，就等待机器安装，然后创建第一个账户,然后jenkinsURL默认是啥就是啥(反正可以改的)，可能会提示重启，如果没有不管。进入jenkins

到这里，先停一下。右上角红色的1不管。

装插件： (系统管理)Manage System -> (插件管理)Manage Plugins -> (可选的插件)Available，在 Filter 中搜索 Gitee,Jersey2 API这两个插件,然后分别选中，然后点install without restart。

等待安装完毕即可。

之后，就是配置gitee了

系统管理—>系统配置---->gitee配置

在 链接名 中输入 Gitee 或者你想要的名字

Gitee 域名 URL 中输入码云完整 URL地址： >

以上就是关于Github配合Jenkins，实现vue等前端项目的自动构建与发布全部的内容，包括:Github配合Jenkins，实现vue等前端项目的自动构建与发布、Jenkins篇02：Jenkins的配置、Jenkins 自动构建部署tomcat项目等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！