实现自动化部署前端项目,从安装Jenkins到部署完成的整体配置 --适合初学Jenkins、想实现或者学习自动化部署的同学,知识点比较全面,过程写的清晰

前言

一、什么是Jenkins

二、Jenkins安装配置

Linux环境安装JDK

Linux环境安装Maven

Linux安装Jenkins

启动Jenkins

 jenkins配置

配置汉化版的jenkins

 安装gitHub插件

gitHub配置 

jenkins的配置

jenkins的gitHub配置

jenkins的java环境配置 

小总结

两种情况

第一种

第二种

常规设置

源码管理

添加凭据

构建触发器

构建

总结

前言

前几天我把前后端项目都部署到服务器上了,可是我发现修改后的的node服务很好部署但是前端修改完后还得打包然后部署,很麻烦,如果你比较感兴趣这个部署项目的整体流程可以链接走你,所以我昨天和今天就研究了这个jenkins,我实现的主要功能是,它会连接你的gitHub,如果你点击jenkins的时候就会把你点击的项目直接打包并发布;或者你想做的其他逻辑它也会帮着你去自动去做!

一、什么是Jenkins

Jenkins 是一个可扩展的持续集成引擎。

主要用于:

  • l 持续、自动地构建/测试软件项目。
  • l 监控一些定时执行的任务。

二、Jenkins安装配置

首先安装Jenkins之前,linux中必须安装好了JDK和Maven,如果还没有安装过,下面准备好安装教程;

Linux环境安装JDK

https://dbfront-firstbucket.oss-cn-chengdu.aliyuncs.com/jdk-17_linux-x64_bin.tar.gz

Linux环境安装Maven

https://dbfront-firstbucket.oss-cn-chengdu.aliyuncs.com/apache-maven-3.9.0-bin.tar.gz
这个是oss地址,点击链接即可直接下载,可能以后会维护有的问题,如果下载不能用的话可以去以下方式

 JDK:

Java Downloads | Oracle

一定选择17版本和选择指向的下载,这都是血与泪的教训呀!,! 

 Maven:

Maven – Download Apache Maven

之后在window下载linux系统下的安装包,之后就用rz命令去导入我们的Linux系统即可;可以看我上篇文章的安装node和mongodb链接走你

一定要把我们的两个bin目录放到环境中,否则就噶了!

我们的准备工作完成了!

浅试一下

 我们打上这个指令出现下面这个就是成功了!

Linux安装Jenkins

创建jenkins文件夹

mkdir jenkins

 说到这里不得不提下我们的ChatGPT

 这是我搜索的记录,简直太强了。

1、然后我们直接在当前新建的文件夹去

wget https://updates.jenkins-ci.org/latest/jenkins.war

 就会在文件中直接生成jenkins.war

2、输入指令 

nohup java -jar jenkins.war --httpPort=8080

就成功了

如果我们直接使用 java -jar jenkins.war

3、输入

netstat -tlnp

查看下当前的进程

 

发现有8080,启动成功

启动Jenkins

我们在上面启动了jenkins服务,我们直接去访问我们jenkins的页面

服务器地址+8080端口,走你

访问jenkins的时候,有个初始化密码,需要你输入,这边查找初始化密码的方法也在下面

 输入成功后

在这里插入图片描述

在这里插入图片描述

 我们的jenkins启动好了!

 jenkins配置

以下是jenkins的全局配置,包含我们的汉化、gitHub以及java在服务器的目录位置;

配置汉化版的jenkins

我们打开页面全是英文头疼,我们来配置汉化版的jenkins

 

 刷新下浏览器

 安装gitHub插件

gitHub配置 

在github中选择settings

选择Developer settings

选择Personal Access Token --> Generate new token, 新建一个有读写权限的用户。 如下勾选选项:

确定后生成token,复制下来保存好。

jenkins的配置

jenkins的gitHub配置

登录进jenkins后选择系统管理 => 系统设置 => Github Server 添加信息

添加jenkins凭据

完成后点击连接测试,连接成功信息如下:

jenkins的java环境配置 

然后选择系统管理 => 全局工具配置 在JDK安装中去掉勾选自动安装,在JAVA_HOME中输入java jdk安装的根目录,我的安装根目录是/usr/

我们可以到环境

vim  /etc/profile

完成后回到首页新建任务,填写任务名称,选择构建自由风格的软件项目,点击确定。

总结下我们上面的流程

小总结

我们在gitHub上进行一个具有个性化的配置(读写的配置),并生成唯一token,在jenkins中我们通过全局给jenkins添加了一个我们自己的token,然后确定了服务器的java文件目录!

下面就分两种情况

一种是我们的 服务器有我们的git和gitHub的地址可以git push和pull

另一种就是没有git的地址和gitHub的ssh的密钥,我们就只能在jenkins配置(有些麻烦推荐第一种)

两种情况

第一种

服务器有我们的git和gitHub的地址可以git push和pull

我们上述创建任务后

点击我们自己项目的配置

 点击BuildSteps=>增加构建后操作步骤=>zshell

输入如下代码 

 cd /dangbo/functionTools/dbfrontFunctionTools

git pull

npm run docs:build

这个意味着,我们点击jenkins时候直接会进入这个目录并git pull、随后执行npm run dcs:build 

点击应用

 显然我们成功了

第二种

另一种就是没有git的地址和gitHub的ssh的密钥,我们就只能在jenkins配置(有些麻烦推荐第一种)

常规设置

源码管理

添加凭据

构建触发器

选择轮询SCM,输入出发时间

构建

选择执行shell,输入构建脚本

最后保存,点击立即构建,然后项目会有构建进度。

总结

整个项目搭建下来踩了很多的坑,也遇到很多的小问题,很多时间都是在解决问题,总的来说其实不是很难,如果不熟悉linux的话会有点吃力。

先去gitHub配置一个自己的token=》放到jenkins的全局中=》全局的还有jdk在linux的位置=》最后我们的配置是分了两种情况=》一种是我们服务器能拉取代码,就不用做我们的Git和gitHub的配置了,直接写自己想做的指令即可,在shell位置=》另一种就是能拉取我们的代码,也就是服务器没有配置gitHub的ssh密钥,我们就得在jenkins的位置配置所有的东西,很麻烦。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/42951.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

顶级数学家玩股票胜过巴菲特 被人建议改行(图)

曾获得世界数学界最高荣誉的西蒙斯,转做投资以后,比巴菲特做得还好 国庆长假之后,中国股民惊喜地发现,股市仿佛重新被唤醒一般,短短几日,股指势如破竹,数次高开高走。股市又开始火了&#xff0c…

【量化】用数据验证巴菲特推荐的指数定投的收益真相

作者:幻好 来源: 恒生LIGHT云社区 最近几年,越来越多的年轻人开始接触基金,购买基金定投理财,本文将通过数据验证指数定投是否真的有效。 背景简述 1993年巴菲特在《致投资者的信》中首次提到了他的建议&#xf…

评温斯坦的炒股书(非常重要,常看看)

http://blog.sina.com.cn/s/blog_674caeca0101dlgq.html 技术分析的经典书籍,就我个人的观点而言,技术分析书籍多数是浪费时间和误人子弟的,纯粹技术分析的书籍不可多读。但我现在要强烈推荐一本技术分析的经典书籍:《史丹温斯坦称…

股神巴菲特

股神巴菲特:5岁开始做生意,11岁开始炒股 沃伦巴菲特1930年出生在美国西部一个叫做奥马哈的小城。他出生的时候,正是家里最困难的几年。父亲霍华德巴菲特投资股票血本无归,家里生活非常拮据,为了省下一点咖啡钱&#xf…

四个参数秒懂巴菲特价值投资

目录 1 巴菲特价值投资三规则... 1 2 四项参数指标对应三条规则... 1 3 价值投资选股软件... 2 1 巴菲特价值投资三规则 要说炒股,那必须得说说炒股界的扛把子巴菲特,他的选股理论是价值投资。价值投资属于长期投资策略。价值投资理论是用一个便宜的…

Android 仿微信群聊组合头像

转载:http://blog.csdn.net/tiantianshangcha/article/details/9836809 大概原理是先设想一个要合成的图片的大小,然后根据要合成的图片的个数以及要展示的位置进行计算,生成坐标系的配置。 然后利用android的绘图把要合成的头像根据坐标系&a…

仿微信通过拍照、本地图片然后裁剪完美更换头像

其实更换头像这个功能是个老梗了,写的人也很多,但是我没有看见过特别让我满意的,没办法,只能自己搞了。这里面我只说难点吧,最后的会附上完整的代码。 这里面涉及到的功能有哪些呢? 大概有:拍…

android微信群聊功能,Android仿微信群聊头像效果

在网上找了些仿微信群聊头像的开源库后,发现没特别好用的,或者说满足我需求的,就只好在别人的基础上改了下,也就有了这样的自定义控件了,以此来实现微信群聊头像的效果,效果图如下所示: 主要实现…

android高仿微信UI点击头像显示大图片效果

用过微信的朋友朋友都见过微信中点击对方头像显示会加载大图,先贴两张图片说明下: 这种UI效果对用户的体验不错,今天突然有了灵感,试着去实现,结果就出来了。。 下面说说我的思路: 1.点击图片时跳转到另一…

Android高仿微信头像裁剪

最近公司的APP很多用户反应无法上传头像,于是打算修改原来头像裁剪的代码。参考微信、QQ、唱吧头像裁剪的操作,决定就仿微信头像裁剪来上传用户头像,在Android大神鸿洋的一篇高仿微信头像的博客(博客地址结尾会贴出来)的基础上加了一些代码&a…

Android仿微信群聊头像合成

最近碰见仿照微信头像的需求,提供多个url的组合头像,做成微信群聊一样的头像,网上查了下,有两类,一种是合成的,一种是多个view合并展示的,合成的做的感觉很简陋,不太满足需求&#x…

android 仿微信群聊头像 合成图片

android 仿微信群聊头像 合成图片,微信中可以显示出群头像为多个用户的头像网格,这里讲方法已经封装好, 如果有记得点赞哦!! 先看效果: 使用例子: Override public void onClick(View v) {P…

Android 仿QQ讨论组头像

一、效果图 二、实现 基本实现过程&#xff1a; 1.将原图片读取为bitmap 2.在Canvas画布上计算出图片位置&#xff0c;并绘制新的图片。 &#xff08;ps:计算位置对我来说是难点&#xff0c;花了好长时间&#xff09;&#xff1b; 三、源码 1.布局文件 <?xml version…

仿照微信或qq头像双击摇晃效果

1.资源文件anim下加入 cycles_anim.xml (插值器可以设置不同的插值器) <?xml version"1.0" encoding"utf-8"?> <cycleInterpolator xmlns:android"http://schemas.android.com/apk/res/android"android:cycles"2" />an…

Android之头像图片变圆形

一&#xff1a;效果图、 二&#xff1a;实现步骤、 1.自定义一个转换工具类、 package com.common.base.util;import android.content.Context; import android.content.res.TypedArray; import android.graphics.Bitmap; import android.graphics.BitmapShader; import an…

Android 高仿微信群聊头像

最近小编搞了一个仿微信群聊头像的一个功能&#xff0c;分享给大家...工作中需要实现仿钉钉群头像的一个功能&#xff0c;就是个人的头像拼到一起显示&#xff0c;看了一下市场上的APP好像微信的群聊头像是组合的&#xff0c;QQ的头像不是&#xff0c;别的好像也没有了。今天给…

QQ头像无法加载,显示初始默认头像的解决方法

前言 终于。。终于&#xff01;查过那么多资料&#xff0c;翻过无数带有蛛丝马迹的信息&#xff0c;根本没有人能解决我遇到的这个问题&#xff0c;它是如此独特&#xff0c;如此难以排查&#xff01;&#xff01; 删过文件、改过网络配置、本地测试过相关数据接口、重装过QQ、…

软考-数据库系统工程师

软考之数据库系统工程师 前言 怎么会突然想起来考这个呢&#xff1f;说实话很惭愧&#xff0c;大学四年&#xff0c;毕业两年多都不知道有这个证书&#xff0c;也是今天看朋友圈看到一个学妹晒出了自己的这个证书&#xff0c;也是软考但是不是数据库系统工程师&#xff0c;她…