当前位置: 首页 > article >正文

配置自动化部署Jenkins和Gitea

配置自动化部署

这里使用的是Jenkins+Gitea

如果不知道怎么安装Jenkins和Gitea可以参考下面文章

https://blog.csdn.net/weixin_46533577/article/details/134644144

我的另一篇文章

介绍

前端

先说下自己的情况,因为自己服务器原因,使用的服务器内存太小只有4g,如果这时候再使用npm run build进行打包时会出现卡死,因为占用内存会比较多所以会很卡,导致访问服务器时卡顿非常严重,比如有些服务无法访问等。

在下面的介绍中,我将使用本地打包的方式,打包完成后在推送到服务器上,如果你的服务器性能出色可以我也将在这里介绍如何在服务器中线上打包。

除此之外线下打包之后推送好处是,节省了服务器的内存消耗,因为打包所以要下载相关的包npm install命令有些包会有好几个G这样,对于普通用户的服务器最大可能就40G-70G这样几个项目就消耗了十几个G。损耗很大。

后端

这里以前端为例,后端还需要下载maven插件

前提简要

在CentOS 7上切换到中文,可以按照以下步骤进行操作:

  1. 安装中文语言支持:打开终端,并使用yum包管理器安装中文语言支持。运行以下命令:

    sudo yum groupinstall "Chinese Support"
    

    这将安装中文语言包和输入法支持。

  2. 配置系统语言:在终端中运行以下命令来配置系统默认语言:

    sudo localectl set-locale LANG=zh_CN.UTF-8
    

    这将将系统的默认语言设置为简体中文。

  3. 重新登录:注销当前用户并重新登录,以使语言设置生效。

下载安装必要插件

下载插件

这里需要下载的插件有:

Blue Ocean
Ant Plugin
Git plugin
GitHub plugin
Generic Webhook Trigger Plugin
Git server Plugin
NodeJS Plugin
Maven Integration plugin

在这里插入图片描述

这几个插件包含了,git的相关推送、前端使用的nodejs、

安装插件

点击搜索插件之后进行安装

在这里插入图片描述

勾选插件之后进行安装,因为我这里都已经安装过了,在这边我只是举例说明下,貌似也找不到想装的插件了,就随便举个例子怎么下载

在这里插入图片描述

在下载时会有些慢,但是没有关系最后会下载好的,有没有疑问?为什么在下载时候就勾选了一个,但是到了下载界面会有很多个?

因为在下载时这些都是捆绑包,所以会很多。

推荐点击下面的安装完成后重启Jenkins,反正都是要重启的

在这里插入图片描述

之后会显示正在重启

在这里插入图片描述

插件升级,在这个板块中可以查询是否有可以升级的插件,有的话可以自行升级

在这里插入图片描述

完成后的样子

在这里插入图片描述

开始搭建

创建Gitea仓库

如果自己知道怎么创建仓库可以跳过这个步骤,说实话这个说起来有点多余。

在这里插入图片描述

之后按照这个步骤创建仓库

在这里插入图片描述

将内容推送到服务器上,因为怕有人恶意攻击,所以把地址栏遮起来了?

在这里插入图片描述

之后推送,如果你想和我一样设置多仓库推送,比如之前就已经存在了但是想再设置一个可以输入以下命令

git remote set-url --add origin 你的地址

之后去Gitea上复制地址

在这里插入图片描述

新建项目

点击新建Item

在这里插入图片描述

输入你的名称,点击第一个根据自己需求来设置,如果你是前端项目点击第一个即可,当然流水线也是可以但是有些麻烦这里就不介绍了。

建议设置成英文,因为后面会设置触发器中文感觉有些不靠谱

在这里插入图片描述

这里举个例子

在这里插入图片描述

点击创建项目后

输入必要的信息

在这里插入图片描述

填写令牌可以自定义,这个用于后面推送触发,如果这里不设置,但是你想要推送时候触发还是要设置,不如在这里直接设置。

名字不建议中文

在这里插入图片描述
在这里插入图片描述

触发器地址,格式内容为下面所显示的。

这里的地址为

在这里插入图片描述

 http://你的服务器地址/generic-webhook-trigger/invoke?token=输入框中的token

举个例子

http://bunny.com:8080/generic-webhook-trigger/invoke?token=bunnybbs-server

token就是输入框输入的名字

之后选择增加构建步骤

在这里插入图片描述

之后选择这个,根据自己需求来,如果你是Linux就选择这个毕竟比较熟悉Linux命令

在这里插入图片描述

这里建议先删除下,因为很多时候推送,如果存在了会覆盖,但是防止出错建议先删除,根据自己想法和需求操作。

建议每个命令分开写下防止构建之后出错什么的

在这里插入图片描述
我是前端的项目,因为我发现每次在git push的时候构建还是在上一次的项目状态,所以最好是在构建前将工作空间中git仓库删除,重新获取这样每次都是新的。虽然有些那么耗时。根据自己需求来定,我是需要每次部署前删除之前的仓库数据。

在这里插入图片描述

操作服务器

查看下Jenkins所在的目录,我的目录在这里,之后进入到你的目录中去。

当然这时候你所想要的目录并不存在!!!

因为我们还没有构建所以看不到自己新建的目录,比如这篇文章所说的bunnybbs-server这个目录。

所以这时候要假想这个目录存在,或者你先构建下让代码拉倒这里这个目录下就会显示了。

比如前端目录会有打包好的dist目录或者是build目录

# 先删除原有目录。这里根据需求来
rm -rf  /www/wwwroot/BunnyBBS/test
# 之后将推送的目录复制到自己需要的目录下
cp -a /root/.jenkins/workspace/bunnybbs-server/dist /www/wwwroot/BunnyBBS/test

在这里插入图片描述

点击保存

在这里插入图片描述

打开 Blue Ocean

当一切设置好后回到首页,点击Blue Ocean

在这里插入图片描述

点击创建的项目

在这里插入图片描述

点击运行,但是你们是第一次创建这个项目所以页面会出现弹窗,反正只要点击运行就行了。

如果不运行的话,后面设置推送无法完成也看不到效果!!!

在这里插入图片描述

等待拉取完成,这时候不妨去设置下web钩子(webhooks)不妨碍当前进程和操作

在这里插入图片描述

完成后的界面

在这里插入图片描述

这时候查看服务器中文件,会发现刚刚构建的文件在这里,点击去查看,已经被推送过来了

在这里插入图片描述
在这里插入图片描述

设置web钩子

点击设置

在这里插入图片描述

添加钩子

在这里插入图片描述
将之前所说的地址复制到这里,规则既是上面所述的规则
在这里插入图片描述

在这里插入图片描述

点击激活钩子即可

在这里插入图片描述

点击这个链接进入

在这里插入图片描述
点击测试推送

在这里插入图片描述

之后就可以了

在这里插入图片描述

在这里插入图片描述


http://www.kler.cn/a/159389.html

相关文章:

  • 系统架构师考试18天极限备考复盘(2024年11月)
  • 浅谈React的虚拟DOM
  • DB-GPT系列(四):DB-GPT六大基础应用场景part1
  • 聊聊Flink:Flink的分区机制
  • Hadoop 学习心得
  • 【服务器】本地安装X11 服务器-Windows
  • 信息化,数字化,智能化是3种不同概念吗?与机械化,自动化矛盾吗?
  • 淘宝用户体验VOC标签体系
  • 【前端】-【electron】
  • 2023母婴行业矩阵营销洞察报告
  • ssh-keygen(centos)
  • 【Git】ssh: connect to host github.com port 22: Connection refused
  • 【目标检测】YOLO格式数据集txt标注转换为COCO格式JSON
  • vue.config.js文件重写打包工具配置信息
  • 外贸建站平台工具推荐?做海洋建站的平台?
  • 使用unity开发Pico程序,场景中锯齿问题
  • 【影刀RPA_写入日期到飞书表格】
  • Docker 安装 Redis 挂载配置
  • [Python]字典的应用:赋值表达式转化为字典
  • Kafka中的Topic
  • 【Flink on k8s】- 4 - 在 Kubernetes 上运行容器
  • 【五分钟】学会利用cv2.resize()函数实现图像缩放
  • Ant Design Vue(v1.7.8)a-table组件的插槽功能
  • 【LVS实战】05 keepalived脑裂问题解决方案
  • 协同过滤算法之vue+springboot个性化电影评分推荐系统6n498
  • 振弦采集仪在土体与岩体监测中的可靠性与精度分析