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

本文介绍如何使用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 
### 使用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、付费专栏及课程。

余额充值