news 2026/6/15 18:11:49

Arbess项目实战 - 基于GitLab搭建Vue.js项目自动化流水线

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Arbess项目实战 - 基于GitLab搭建Vue.js项目自动化流水线

Arbess 是一款开源免费的 CI/CD 工具,支持免费私有化部署,一键安装零配置。本文将详细介绍如何安装Arbess、GitLab,并创建配置流水线实现 Vue.Js 项目构建并主机部署。

1、GitLab 安装与配置

1.2 配置访问令牌

gitlab安装完成之后,可以将代码推送到仓库中,Arbess克隆源码需要创建GItlab的个人令牌,用于Arbess访问Gitlab。进入用户设置→访问令牌,按照需求创建创建访问令牌。

创建个人令牌

令牌创建完毕,请妥善保存好您的令牌。

个人令牌

2、Arbess 安装与配置

2.1 安装

本文以CentOS操作系统为例。

  • 下载,CentOS安装包下载地址:Arbess下载,点击CentOS下载,下载完成后得到类似tiklab-arbess-x.x.x.rpm的文件。
  • 安装,上传到服务器上,在文件同级目录执行以下命令安装。

rpm -ivh tiklab-arbess-x.x.x.rpm

  • 启动,系统默认安装路径为/opt目录,进入/opt/tiklab-arbess/bin目录下,执行./arbess start即可启动成功。

​启动Arbess

使用 http://ip:9200 进行访问。使用初始用户名密码admin\123456登录。成功登录后展示Arbess首页。

​Arbess首页

2.2 配置

Arbess流水线采用可视化设计,实现Vue.js项目自动化部署,在流水线中可克隆Gitlab仓库代码,构建并进行主机部署。创建流水线,进入流水线设计页面进行操作。

2.2.1 配置GitLab任务

  • 配置GitLab服务集成

流水线配置GitLab源码任务之前,需要添加GitLab服务集成,在系统设置→集成与开放→服务集成页面添加相关服务。添加自建的Gitlab,授权类型选择自建Gitlab、填写名称、服务地址、AccessTocken(个人密钥)。

添加源码集成

  • 添加GitLab源码任务

服务集成添加完毕之后,进入流水线设计,点击新阶段→源码→GitLab。

添加GitLab源码

字段

描述

任务名称

任务名称清晰地标识项目或对象。

Git版本

Arbess所在服务器Git安装路径。

GitLab授权信息

私人令牌,AccessTocken。

仓库

选择授权信息后点击仓库,程序会自动获取凭证权限下的仓库列表,管理者只需选择需要配置的仓库即可。

分支

选择代码的分支。填写需要拉取远程仓库具体的分支,不填默认为master分支,填写错误会导致任务执行失败。

2.2.2 配置Node.Js构建任务

源码配置完毕后,配置构建任务,Arbess支持多种构建方式,例如添加Node.Js构建,点击新阶段→构建→Node.Js构建。

​配置Node.Js构建任务

字段

描述

任务名称

任务名称清晰地标识项目或对象。

Node版本

Arbess所在服务器Node安装路径。

模块地址

构建路径,默认为${DEFAULT_CODE_ADDRESS},也可输入绝对路径。

执行命令

执行Maven构建的命令。

2.2.3 配置主机部署任务

点击新阶段→部署→主机部署,输入部署信息,输入完成后,点击空白处进行保存。

配置主机部署任务

字段

描述

任务名称

任务名称清晰地标识项目或对象。默认主机部署。

主机地址

部署主机远程SSH认证凭证。

部署文件

需要部署的文件,可以写绝对路径,也可以写泛路径,泛路径需要配合部署文件规则来匹配到部署文件。
部署文件匹配规则文件匹配规则,支持正则表达式。

部署位置

部署远程主机位置。

部署命令

文件部署命令。

3、运行流水线

  • 运行流水线

多台主机部署完成后,点击右上角运行,验证流水线运行情况。

运行流水线

点击任务日志,可查看任务实时日志,点击对应任务,可查看任务相关日志。

查看运行日志

查看详细日志

  • 查看运行历史

可以在Arbess历史页面查看到流水线运行历史。点击运行历史序号,即可查看详细的运行日志。

运行历史

至此,用户可通过Arbess流水线克隆GitLab仓库Vue.js源码,构建并进行主机部署。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/15 16:12:32

交通仿真软件:SUMO_(7).交通信号控制

交通信号控制 信号灯配置 在SUMO中&#xff0c;交通信号控制是通过配置文件&#xff08;通常是.sumocfg文件&#xff09;中的<tlLogic>标签来实现的。每个交通信号灯&#xff08;Traffic Light&#xff0c;TL&#xff09;都有一组逻辑定义&#xff0c;这些逻辑定义包括信…

作者头像 李华
网站建设 2026/6/15 15:54:20

Google代理跨境电商深度解析:3个关键策略让订单量暴涨

你是否是跨境电商卖家&#xff0c;面对Google Ads账户优化无从下手&#xff1f;或者投了广告却效果平平&#xff0c;不知道如何突破流量瓶颈&#xff1f;本文将通过3个真实的Google代理跨境电商成功案例&#xff0c;深度解析关键策略&#xff0c;帮你找到提升订单量的密码。一、…

作者头像 李华
网站建设 2026/6/15 10:22:37

【服务器数据恢复】服务器泡水硬盘掉线,数据如何“起死回生”?

服务器存储数据恢复环境&#xff1a; 某品牌服务器存储多台存储阵列柜&#xff0c;总计近100块硬盘&#xff0c;划分了20组lun。服务器存储故障&#xff1a; 机房天花板渗水导致服务器存储设备受潮&#xff0c;服务器存储内有8块硬盘掉线。 北亚企安数据恢复中心的服务器数据恢…

作者头像 李华
网站建设 2026/6/15 10:21:36

LeetCode算法刷题——双指针

双指针算法的定义&#xff1a;双指针算法是一种在数组、链表或其他线性数据结构上使用两个“指针”&#xff08;通常是索引或引用&#xff09;协同遍历&#xff0c;以高效解决问题的算法技巧。这里的“指针”不一定是指 C/C 中的内存指针&#xff0c;更多是指数组下标或迭代器。…

作者头像 李华