用白薅来的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的方式执行此命令

成果


相关文章
|
1月前
IDEA第一次上传项目到gitlab
IDEA第一次上传项目到gitlab步骤
|
1月前
|
jenkins 持续交付 开发工具
【gitlab】旧的gitlab项目迁移新的gitlab
【gitlab】旧的gitlab项目迁移新的gitlab
113 0
|
21天前
|
缓存 Kubernetes Linux
CentOS 7上的GitLab Runner,让你的项目加速奔跑
CentOS 7上的GitLab Runner,让你的项目加速奔跑
34 1
|
20天前
|
Docker 容器
docker 部署gitlab
docker 部署gitlab
10 0
|
1月前
|
开发工具 git
修改GitLab项目文件路径重新刷新配置报错问题原因及解决方案
修改GitLab项目文件路径重新刷新配置报错问题原因及解决方案
30 0
|
1月前
无缝构建与部署:GitLab CI/CD首秀的实战攻略
无缝构建与部署:GitLab CI/CD首秀的实战攻略
96 0
无缝构建与部署:GitLab CI/CD首秀的实战攻略
|
1月前
|
Linux Go iOS开发
GitLab Runner全解析:深入了解构建、测试和部署的关键执行者
GitLab Runner全解析:深入了解构建、测试和部署的关键执行者
255 0
GitLab Runner全解析:深入了解构建、测试和部署的关键执行者
|
1月前
|
数据安全/隐私保护 Docker 容器
百度搜索:蓝易云【Docker中gitlab以及gitlab-runner的安装与使用】
现在,你已经成功在Docker中安装和使用了GitLab以及GitLab Runner。祝你使用愉快!
45 1
|
1月前
|
缓存 JavaScript 前端开发
GitLab 官网使用 pages 服务,发布 vue 前端项目
GitLab 官网使用 pages 服务,发布 vue 前端项目
103 1
|
1月前
|
程序员 开发工具 git
【实测】gitlab/github 如何过滤项目内的文件
【实测】gitlab/github 如何过滤项目内的文件

相关实验场景

更多