用白薅来的gitlab自带的gitlab-runner部署一个vue项目

简介: 用白薅来的gitlab自带的gitlab-runner部署一个vue项目

@[TOC](用白薅来的gitlab自带的gitlab-runner部署一个vue项目) ## 前戏

最近学习 GitLab 中的 CI/CD 过程考虑中,配置 GitLab Runner 时遇到一些困难。到服务器配置较低,搭建项目环境(如 Node.js、Maven 等)会带来额外的负担。这个过程可能会增加部署的复杂度和时间成本,对于服务器资源有限的情况极为明显。因此,优化这一流程是至关重要的。

我是换了各种姿势但是最终还是认为再加一台服务器比较靠谱,在日常的生产环境中我也是这样认为的,如果在资源充足的情况下最少配置两台服务器,配置两个gitlab-runner,一个用来deploy,一个用来build。抱着这个想法,最终有了白嫖这个行动。

重头戏

gitlab提供了很多个实例运行器,其中有小的arm的还有docker的,各种类型的runner。

在上面的基础上我就有了大胆的想法,直接用gitlab提供的runner(这里一定要注意,首先它不一定安全,其次它应该是一个纯净版的,所以在使用的时候就用不了cache,以及本地maven仓库的jar。),自己的项目,或者说用来测试的,感觉都是一个不错的选择。

正戏

首先我们根据前戏中的想法,让gitlab提供的gitlab-runner来做build,自己的服务器只做部署操作,于是就有了下面的.gitlab-ci.yml

stages:
  - build
  - deploy
# 构建阶段
build:
  stage: build
  image: node:16  # 使用 Node.js 14 镜像作为构建环境
  script:
    - npm install  # 安装项目依赖
    - npm run build  # 执行构建命令,生成静态文件
  artifacts:
    paths:
      - public/  # 将构建好的静态文件作为 artifacts,以供后续阶段使用
  tags:
    - saas-linux-small-amd64
# 部署阶段
deploy:
  stage: deploy
  only:
    - master  # 只有在 master 分支发生变更时才执行部署
  script:
    - cp -r public/* /home/vueProject/my_log/public
    - sudo /usr/local/nginx/sbin/nginx -s reload
  tags:
    - acowbo

这里重点关注tags,我们进行了指定,build指定saas-linux-small-amd64,而deploy指定为acowbo也就是自己服务器部署的gitlab-runner。

至此我们的配置还没有结束

收拾残局

在部署vue项目中,我们可以选择部署到Tomcat也可以选择部署到nginx,这里我选的是nginx,但是执行命令的是gitlab-runner这个用户。所以我们要看执行的命令是否属于gitlab-runner用户或用户组。如果权限不够,我们可以执行以下命令来解决

chown -R gitlab-runner:gitlab-runner /usr/local/nginx/logs/error.log

加餐方法如下:

  1. 执行sudo visudo
  2. 加入如下gitlab-runner ALL=(ALL) NOPASSWD: /usr/local/nginx/sbin/nginx -s reload,这个可以确保你可以用sudo的方式执行此命令

成果


相关文章
|
4月前
|
Java Maven Docker
gitlab-ci 集成 k3s 部署spring boot 应用
gitlab-ci 集成 k3s 部署spring boot 应用
|
4月前
|
运维 Linux 开发工具
第22篇 如何部署gitLab进行开发版本控制
第22篇 如何部署gitLab进行开发版本控制
|
4月前
|
jenkins Shell 持续交付
Jenkins持续集成GitLab项目 GitLab提交分支后触发Jenkis任务 持续集成 CI/CD 超级详细 超多图(二)
Jenkins持续集成GitLab项目 GitLab提交分支后触发Jenkis任务 持续集成 CI/CD 超级详细 超多图(二)
125 0
|
4月前
|
jenkins Shell 持续交付
Jenkins持续集成GitLab项目 GitLab提交分支后触发Jenkis任务 持续集成 CI/CD 超级详细 超多图(一)
Jenkins持续集成GitLab项目 GitLab提交分支后触发Jenkis任务 持续集成 CI/CD 超级详细 超多图(一)
324 0
|
5月前
|
Docker 容器
Docker安装Gitlab和Gitlab-Runner并实现项目CICD
Docker安装Gitlab和Gitlab-Runner并实现项目CICD
|
6月前
|
jenkins 持续交付 数据安全/隐私保护
GitLab——如何快速部署GitLab仓库
GitLab——如何快速部署GitLab仓库
56 0
|
8月前
|
运维 Serverless 开发工具
函数计算产品使用问题之通过GitLab仓库来部署代码,该如何配置GitLab仓库
函数计算产品作为一种事件驱动的全托管计算服务,让用户能够专注于业务逻辑的编写,而无需关心底层服务器的管理与运维。你可以有效地利用函数计算产品来支撑各类应用场景,从简单的数据处理到复杂的业务逻辑,实现快速、高效、低成本的云上部署与运维。以下是一些关于使用函数计算产品的合集和要点,帮助你更好地理解和应用这一服务。
106 0
|
8月前
|
Docker 容器
docker 部署gitlab
docker 部署gitlab
118 0
|
6月前
|
Shell Docker 容器
GitlabCI学习笔记之一:安装Gitlab和GitLabRunner
GitlabCI学习笔记之一:安装Gitlab和GitLabRunner
|
7月前
|
Devops 持续交付 开发工具
入职必会-开发环境搭建54-GitLab下载和安装
GitLab 是一个基于 web 的 Git 仓库管理工具,提供了代码托管、版本控制、协作开发、持续集成等功能,是一个综合的 DevOps 平台。用户可以使用 GitLab 托管他们的代码仓库,并利用其丰富的功能来管理和协作开发项目。 以下是 GitLab 的一些主要特点和功能。
116 0
入职必会-开发环境搭建54-GitLab下载和安装

热门文章

最新文章

相关实验场景

更多