gitlab CI/CD 自动化部署vue前端项目 - Centos 安装gitlab-runner

最新推荐文章于 2024-03-12 17:15:16 发布
最新推荐文章于 2024-03-12 17:15:16 发布
阅读量392 收藏 1
点赞数
分类专栏： gitlab-runner linux 文章标签： linux
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44564538/article/details/120869559
版权
本文介绍如何使用GitLab CI/CD配置自动化部署Vue.js前端项目到CentOS服务器。通过设置.gitlab-ci.yml文件，实现从代码提交到构建、测试及最终部署的全自动化流程。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

#虚拟机上安装gitlab-runner
#在CentOS7上安装GitlabRunner
#1、添加官方gitlab官方仓库：
curl -L https://packages.gitlab.com/install/repositories/runner/gitlab-runner/script.rpm.sh | sudo bash
#2、安装最新版本的gitlab runner：
yum install gitlab-runner 

#2.1以root用户安装(建议此方式安装，避免权限问题)
gitlab-runner install --working-directory /home/gitlab-runner --user root


#更新git软件版本
yum install http://opensource.wandisco.com/centos/7/git/x86_64/wandisco-git-release-7-2.noarch.rpm

gitlab-runner start
最低0.47元/天 解锁文章
前端项目（vue3）自动化部署（Gitlab CI/CD）尚在完善中---＞
博客主要分享技术教程、工具教程、bug解决、前沿技术动态、编程经验、心得感悟等。 内容同步、干货获取、推广宣发请看侧栏推广信息
03-15 3358
正常部署前端项目时需要先打包后放到服务器上进行手动部署，现在我们尝试用Gitlab的CI/CD功能来实现自动化部署前端项目，节省部署操作时间以及避免过程中操作失误的可能。系统：linux centos。
实战：从 0 到 1 GitLab CI/CD 前端持续部署
知无涯
08-17 6562
文章目录写在前面服务器配置环境安装安装 Docker安装 GitLab测试 GitLabGitLab Runner前端项目 CI/CD 流程的设计正式开始编写 .gitlab-ci.yml 的内容介绍 .gitlab-ci.yml镜像的使用stages 执行顺序的定义job 内容的编写在 CI/CD 中使用 SSH keys前端项目部署到阿里云OSS前端项目 CI/CD 最佳业务配置思路常见问题排查及修复相关参考链接 写在前面 首先感谢大家能来参加我的 Chat，能来参加的同学都是想在业余有一些其他知识的
Gitlab CI/CD 自动化打包部署前端（vue）项目
biubiubiuPlus的博客
03-12 4360
4.本地将公钥(~/.ssh/id_rsa_vue_deploy.pub)添加到服务器的授权密钥中。2.在/etc/nginx/conf.d目录下，新增nginx配置文件。10.在gitlab上查看runner和流水线。四、GitLab Runner安装与注册。5.输入您获得的令牌以注册Runner。2.安装GitLab Runner。4.输入您的GitLab实例URL。6.设置CI/CD变量–值为私钥。6.输入对这个Runner的描述。7.输入Runner的tag。8.输入Runner执行程序。
从零实现DevOps(六)：Jenkins+GitLab+Docker+Nginx自动化部署前端Vue项目
qq_43090226的博客
07-19 1698
本文讲解了在Jenkins服务器和远程服务器上自动化部署前端Vue项目的过程。功能不难，但是也确实需要自己上手去做才可以实现。
【Gitlab CI】CentOS 7 使用 gitlab-runner 实现 Vue 项目自动化构建
01-20
Gitlab 在 8.0 后默认集成 CI 功能，相比 Hook 来说可以说是更加简单一些，可以省去在服务器自行书写 Hook 接收者的麻烦 但实际使用起来也踩了很多坑，在此记录并分享 环境配置 CentOS 7 + git + docker git 安装步骤请自行搜索（因为我忘了） docker 安装参见 CentOS 7 安装 docker 配置 SSH key 将 .ssh/id_rsa.pub 的内容复制添加到 Gitlab 的 SSH key 不会操作请参见 Gitlab 上的官方教程 安装 gitlab-runner 这里有两种选择，通过 rpm 包安装或通过 docker 安装
gitlab CI/CD自动化部署vue项目到gitlab page 静态页面
wlijun_0808的博客
11-12 1465
gitlab CI/CD自动化部署vue项目到gitlab page 静态页面
Linux(centos7) 安装配置gitlab-runner （自动化部署、cicd）
keepstudy_yangzh的博客
09-25 2584
安装配置gitlab-runner1. 添加yum源2. 安装3. 配置及安装4.启动5.编写cicd6.常见问题 1. 添加yum源 curl -L https://packages.gitlab.com/install/repositories/runner/gitlab-ci-multi-runner/script.rpm.sh | sudo bash 2. 安装 yum install gitlab-ci-multi-runner 3. 配置及安装 进入gitlab项目中，点击setting
jenkins+gitlab+vue进行自动化构建部署项目打包
孙冉的博客
02-18 4827
安装jenkins的教程请去点击这里 从服务器里安装node环境,自行百度 话不多说直接上图 先创建项目 从git上拉代码 构建触发器 一会会用到 把token生成 shell命令 #!/bin/bash -ilex #cd /root/.jenkins/jobs/starsPark-backStage/workspace #进入starsPark-backStage项目目录 cnpm ...
centos 7 下 gitlab-runner 自动 CI/CD (持续集成/持续部署) 配置
Sanchar
04-10 6734
1、下载 gitlab-runner 安装包 [root@izuf61s3j5m1fuhcwghcysz ~]# wget -O /usr/local/bin/gitlab-runner https://gitlab-ci-multi-runner-downloads.s3.amazonaws.com/latest/binaries/gitlab-ci-multi-runner-linux-amd...
六. GitLab-CI/CD-实战：前端Vue项目
SerryYang的博客
08-17 3209
1. 环境准备 注册runner，请查阅之前的博客： https://blog.youkuaiyun.com/yangkuo024/article/details/119215657 注册一个Vue项目使用的runner，注意过程中用到的镜像修改； Enter the GitLab instance URL (for example, https://gitlab.com/): 你的git地址 Enter the registration token: 上面说到的项目runner的token Enter a
在CentOS 7系统中安装gitlab-runner
Arlo的博客
01-11 2159
1、准备好一台干净的CentOS 7系统 2、安装Dcoker引擎 yum install vim wget yum-utils tee -y yum-config-manager --add-repo https://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo yum -y install docker-ce systemctl start docker systemctl enable docker 3、安装git yum inst
gitlab-runner之搭建CI/CD
坐板凳上敲代码
01-18 2404
每次发布代码，需要连接服务器更新代码，进行部署，比较繁琐，浪费时间。方案有jenkins或gitlab-runner。由于代码仓库是gitlab并且只需要自动部署，不需要其他额外功能，这里选择使用gitlab-runner。
gitlab CI/CD 自动化部署vue前端项目 -Centos 安装docker
曦光
10-20 334
#虚拟机上安装gitlab #1.安装docker #Centos7 安装 docker ##1、安装需要的依赖包 yum install -y yum-utils device-mapper-persistent-data lvm2 ##2、配置稳定仓库 (如果有本地仓库先禁用) yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo ##3、安装 yum install docker #
（CI/CD）centos7中GitLab的安装使用
荣山的博客
08-17 305
（CI/CD）centos7中GitLab的安装使用
Linux(centos7) 安装配置gitlab-runner
weixin_43110668的博客
10-21 892
添加 gitlab-runner yum源 curl -L https://packages.gitlab.com/install/repositories/runner/gitlab-ci-multi-runner/script.rpm.sh | sudo bash 安装gitlab-runner yum install gitlab-ci-multi-runner 配置及安装 进入gitlab项目中，点击setting-ci/cd,展开runner,可以看到配置gitlab-runner的url.
gitlab CI/CD 自动化部署vue前端项目 - 自动化部署配置文件
曦光
10-20 802
# 一、 .gitlab-ci.yml >stages: # List of stages for jobs, and their order of execution >> - build >> - deploy >build-job: # This job also runs in the test stage. >>stage: build # It can run at the same time as u.
gitlab CI/CD 自动化部署vue项目到阿里云服务器步骤
wlijun_0808的博客
11-23 3101
gitlab CI/CD 自动化部署vue项目到阿里云服务器步骤
jenkins从gitlab上部署前端vue项目
程序猿的傻白甜
07-05 569
创建存储位置chown -R 1000:1000 /dockerdata/jenkins/ 给uid为1000的权限启动。
gitlab ci-cd自动化部署vue前端项目
最新发布
01-22
### 使用GitLab CI/CD自动化部署Vue前端项目 为了实现Vue前端项目的自动化部署，可以利用GitLab CI/CD管道配置`.gitlab-ci.yml`文件。此文件定义了一系列作业(job)，这些作业描述了构建(build)、测试(test)以及部署(deploy)应用程序所需的步骤。 对于一个典型的Vue CLI创建的应用程序来说，通常会有一个简单的CI/CD流程如下： #### 创建.gitlab-ci.yml 文件 在项目的根目录下创建一个新的文件叫做`.gitlab-ci.yml`，其内容可能类似于下面这样： ```yaml image: node:latest stages: - npm ci artifacts: paths: - node_modules/ only: - main build_app: stage: build script: - npm run build artifacts: paths: - dist/ only: - main test_app: stage: test script: - npm run test:unit only: - main deploy_production: stage: deploy script: - apt-get update -qy - apt-get install -y ruby-dev - gem install dpl - dpl --provider=heroku --app=$HEROKU_APP_NAME --api-key=$HEROKU_API_KEY environment: name: production url: https://your-production-url.com only: - main ``` 这段脚本首先指定了使用的Docker镜像版本为最新的Node.js环境。接着定义了三个阶段：构建(build)、测试(test)和部署(deploy)[^1]。 在这个例子中，安装依赖项的任务被缓存起来以便加速后续的构建过程；构建应用会产生静态资源并将其作为artifacts保存下来供后面的job使用；最后，在部署环节里选择了Heroku平台作为目标托管站点，并通过dpl工具上传打包后的文件到指定位置[^2]。 需要注意的是实际环境中可能会有所不同，比如不同的云服务商有不同的部署方式，这里仅作为一个通用的例子展示如何设置GitLab CI/CD流水线来处理Vue项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值