当前位置:首页 » 《我的小黑屋》 » 正文

Gitlab私有化部署CICD自动化构建测试环境-vue前端(保姆级教程)

7 人参与  2024年11月21日 18:02  分类 : 《我的小黑屋》  评论

点击全文阅读


Gitlab私有化部署CICD自动化构建测试环境-vue前端

基本概念 Gitlab代码与镜像仓库服务器 安装Git 安装Gitlab 启用容器镜像库 配置CI/CD文件 Dockerfile docker-compose.yml .gitlab-ci.yml GitLab Runner自动化构建与部署服务器 安装Docker 安装GitLab Runner 创建并注册Runner 总结

以下内容很多概念经作者重新梳理后得出,需要从不同的角度去理解,可能晦涩难懂,不懂的地方评论区发问,我会一一解答

假设你已经安装好Linux乌班图服务器版本系统,并且已具备Linux基本命令和Docker镜像的概念

基本概念

Gitlab服务的作用:代码仓库,容器镜像仓库,创建项目Runner

Gitlab-Runner服务的作用:

注册项目Runner 执行.gitlab-ci.yml脚本,如果有使用第三方命令,需要安装相应的软件,比如nodejs和Docker 打包编译项目为生产环境代码 构建项目代码为镜像并推送到Gitlab容器镜像仓库 部署Gitlab容器镜像仓库的项目到Docker容器运行

Gitlab代码与镜像仓库服务器

安装Git

默认Linux服务器版本系统已安装Git

sudo apt install git

安装Gitlab

1,安装和配置必要的依赖项

sudo apt-get install -y curl openssh-server ca-certificates tzdata perl

2,添加和安装Gitlab包存储库

curl https://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.deb.sh | sudo bash

3,配置Gitlab外部访问域名,及安装Gitlab企业版

sudo EXTERNAL_URL="https://gitlab.example.com" apt-get install gitlab-ee

注意:
如果服务器有域名,将“https://gitlab.example.com”改为自定义的域名地址
如果服务器没有域名,将“https://gitlab.example.com”改为 http://IP地址,例如 http://127.0.0.1
示例: sudo EXTERNAL_URL=“http://127.0.0.1” apt-get install gitlab-ee

4,访问Gitlab页面

通过域名或者IP地址访问,默认端口80或者443

用户名默认为安装Gitlab时linux系统的登录用户,默认为 root

安装完成后,密码保存到 /etc/gitlab/initial_root_password

启用容器镜像库

编辑 /etc/gitlab/gitlab.rb文件,添加以下配置:

registry_external_url 'http://192.168.65.129:5050'

注意:
registry_external_url 为gitlab自带的容器镜像库的域名或地址+端口(如果不使用默认的443端口)
打开Gitlab代码仓库“项目=>部署=>容器镜像库”可以看到配置的容器镜像仓库命令
登录Gitlab的容器镜像仓库用户名密码与代码仓库的相同。

配置CI/CD文件

vue项目目录结构:

- build                          构建时的配置目录    nginx.conf                    部署nginx配置文件- dist                            构建输出目录(编译/打包/混淆)    ...    index.html- public- src  package.json  vue.config.js  README.md...  .gitlab-ci.yml   流水线配置文件  docker-compose.ymldocker容器编排部署配置文件  Dockerfile    docker构建镜像配置文件

1,项目根目录创建Dockerfile构建Docker镜像配置文件

Dockerfile

# 用于构建镜像# 设置基础镜像,使用最新的Nginx镜像FROM nginx AS build# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面COPY /dist  /usr/share/nginx/html/# 将Nginx配置文件复制到/etc/nginx/nginx.confCOPY /build/nginx.conf /etc/nginx/nginx.conf

2,项目根目录创建docker-compose.yml部署Docker镜像配置


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/189912.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1