基于gitlab+docker自动化部署vue

最新推荐文章于 2023-03-23 10:23:04 发布

葡萄葡萄肉葡萄

最新推荐文章于 2023-03-23 10:23:04 发布

阅读量1.7k

点赞数

本文链接：https://blog.csdn.net/qq_35494808/article/details/103201931

版权

本文介绍了如何安装gitlab-runner并利用docker进行Vue应用的自动化部署。首先，通过拉取镜像和创建运行容器来设置gitlab-runner。接着，注册runner并与gitlab上的CI/CD设置连接，获取url和token。为了实现ssh免密登录，配置了相关变量。然后，编写了.gitlab-ci.yml文件以适应Vue项目的构建需求。在过程中，遇到了docker重启后job状态pending的问题。

摘要由CSDN通过智能技术生成

安装gitlab-runner

拉取镜像

docker pull gitlab/gitlab-runner:latest

创建并运行容器

docker run -d --name docker-gitlab-runner --restart always -v /srv/gitlab-runner/config:/etc/gitlab-runner -v /var/run/docker.sock:/var/run/docker.sock gitlab/gitlab-runner:latest

注册一个runner

其中注册runner需要的url和token在gitlab上有提供

settings>>CI/CD>>Runners

进入容器内部
docker exec -it 容器id /bin/bash

执行注册runner命令
gitlab-runner register

***
Please enter the executor: docker, docker-ssh, shell, virtualbox, docker+machine, docker-ssh+machine, kubernetes, custom, ssh, parallels:
docker
Please enter the default Docker image (e.g. ruby:2.6):
appline:latest

ssh免密登录

生成rsa公私钥
ssh-keygen -t rsa

把公钥追加到你需要登录的服务器authorized_keys中
cat id_rsa.pub >> authorized_keys

设置变量

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

葡萄葡萄肉葡萄

关注关注

0
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

【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自带的gitlab-runner部署一个vue项目

热门推荐

哎_小羊的博客

05-15

4万+

Gitlab CI介绍环境、软件准备安装、注册并启动Gitlab Runner 定义项目构建流程 Gitlab-CI是Gitlab官方提供的持续集成服务，我们可以在仓库的根目录下新建.gitlab-ci.yml文件，自己定义持续集成流程模板，并且在Gitlab中配置runner，在之后的每次提交合并中将会触发构建，并且可以通过Gitlab的hook, 在代码提交的各个环节自动地完成一系列的构建工作

自动化打包部署前端vue项目，思维导图

03-18

#### 一、GitLab CI/CD 自动化部署概述在现代软件开发流程中，持续集成(CI)与持续部署(CD)已成为提升开发效率、保证代码质量不可或缺的一环。GitLab CI/CD 是一个强大的工具，可以实现从前端Vue项目的构建到部署的...

基于SpringBoot+Vue 驾校理论课模拟考试系统(自动化部署).zip

08-16

在本项目中，可能会使用诸如Jenkins、GitLab CI/CD或者Docker等工具进行自动化部署，确保代码更新后能快速、稳定地部署到生产环境，提高开发效率和稳定性。 **项目结构分析** 通常，一个SpringBoot+Vue项目会包含...

Vue3+Vite+ElementPlus实现的个人博客GitlabCI、Docker、Nginx

04-03

在这个个人博客项目中，开发者利用这些技术栈创建了一个功能完善的平台，并且整合了GitlabCI持续集成、Docker容器化部署以及Nginx反向代理，实现了自动化构建和高效的运行环境。 Vue3是Vue.js框架的最新版本，它...

基于SpringBoot+Vue开发的个人博客系统

03-28

可能还会用到Git进行版本控制，Docker进行容器化部署，Jenkins或GitLab CI/CD进行自动化测试和部署。在提供的文件列表中，`2024-3-16.md`可能是一个Markdown格式的日志文件，记录了开发过程中的某一天的工作内容或...

docker+jenkins+gitlab部署你的Vue项目

油墨香^-^的博客

03-23

399

这时候我们已经打通了本地代码->gitlab-jenkins的这个环节了,然后我们编写shell脚本执行docker语句构建容器并且执行就OK了 (1).在jenkins中配置shell脚本。

一篇文章教你搭建一个前后端分离（gitlab-cicd+docker+vue+django）的自动化部署的网站，干货满满！

qq_34237769的博客

07-15

2493

说在前面因为和朋友一起搭网站用作技术实现的平台和个人博客，所以身为一个毕业两年的前端，想要完成前端-后端-运维等等一整套网站流程可以说是任重而道远，但是有目标才有动力，所以当我承担了项目运维这块的内容时就开始疯狂的学习，终于经过几十个视频的讲解和无数次百度之后终于搭建了较稳定的前后端分离的自动化部署项目！因为前端自动化相对比较简单，所以我会先用前端的自动化做例子一点点讲解，最后再说一下docker+django+uwsgi+nginx的后台自动化部署是怎么实现的。建议配合视频解说帮助快速理解！本篇文

VUE配合gitlab ci自动化部署时，实现配置runner环境变量来动态配置后端api地址

万万没想到的博客

04-08

4033

目标：由于后端的地址会变化，为了方便修改，需要通过修改gitlab上的ci的环境变量来动态修改axios的baseURL 注：前端的初始配置模版为vue-admin-template 首先是修改prod.env.js let args = process.argv let host=process.argv[args.length-1] let result={ NODE_ENV: "prod...

前后端分离项目基于gitlab+docker+node 自动发版部署方案

sunnyliuqi的专栏

05-06

1606

一、服务器环境配置 docker、gitlab-runner、maven、node 1.新增用户和项目目录规划： groupadd xxx useradd -g xxx xxx passwd xxx 添加sudo权限 chmod u+w /etc/sudoers vi /etc/sudoers 找到这行 root ALL=(ALL) ALL,...

gitlab-runner 配合docker 构建自动化部署

weixin_33895657的博客

10-29

575

2019独角兽企业重金招聘Python工程师标准>>> ...

VUE项目通过gitlab-ci和docker实现持续集成和持续部署

qq_31930427的博客

09-28

1783

需要对ci，nginx，docker，linux有一定的了解 1.部署规范统一采用访问域名后，通过nginx代理到对应docker容器中的静态资源，项目中gitlab-ci.yml,dockerfile,docker-compose.yml,nginx.conf都是具有可移植性的，可通用。 2.注意事项 1.项目部署在域名目录下 vue.config.js文件中publicPath为‘/’,请求api直接代理到对应接口地址 2.项目部署在域名二级目录下 vue.config.js文件中pub

Gitlab的gitlab-runner将Vue服务端打包及自动部署

weixin_33935505的博客

05-14

2650

上次给CI环境搭建好了，这次写了一个脚本用于服务端打包及部署使用,解决了前端需要频繁打包的问题，即时将代码推到工程库，服务端自动打包作发布,然后测试人员即时测试，尽早发现问题。发布原理：我没有通过软链的方式作发布，因为目前在Dev和Test环境也不需要用到回滚的地方，就是直接将打包好的文件解压到指定的目录下面。主要流程如下： gitlab-runner中.gitlab-ci.ym...

Gitlab-CI 发布vue前端项目到docker

axibazZ的博客

07-06

967

一、创建一个简单的vue项目 1.在gitlab上创建一个前端项目，拉取到本地。 2.在idea中快速构建一个vue项目，前提是本地已经安装了node.js 安装命令如下 #使用淘宝镜像 npm install --registry=https://registry.npm.taobao.org #保证环境中有webpack npm install -g webpack #全局安装vue-cli脚手架 npm install -global vue-cli #创建一个基于webpack模板的

Jenkins配置初步 (Jenkins + Docker + Gitlab + Vue)

梦中随笔

07-19

3831

目标本地A开发代码 -> 推送gitlab服务器B -> 服务器C上的Jenkins自动打包 -> 推送运行环境服务器D 安装Jenkins 根据官网文档 docker pull jenkins # docker run -d -p 49001:8080 -v $PWD/jenkins:/var/jenkins_home:z -t jenkins # 这句...

使用Docker和DaoCloud实现Vue项目自动化部署

在现代软件开发中，自动化部署已经成为提高效率和减少错误的关键环节。本教程将介绍如何利用Docker和DaoCloud实现前端项目的自动化构建与部署，特别以Vue.js项目为例。首先，我们需要确保服务器上已经安装了Docker、...