前端项目使用gitlab-cicd+docker实现自动化部署

要使用 GitLab CI/CD，您需要：

• 托管在 Git 仓库中的应用程序代码。
• 仓库根目录中名为 .gitlab-ci.yml 的文件，其中包含 CI/CD 配置。

这是我自己项目中的.gitlab-ci.yml

stages:- build # 编译# - deploy-dev            # 开发环境- deploy-test # 测试环境- deploy-online # 上线 - 推送镜像build-job:stage: buildtags:- docker_testvariables:GIT_CLEAN_FLAGS: -ffdx -e node_modules/script:- echo "Compiling the code..."# - make build- echo "Compile complete."only:- test# - devbuild-online-job:stage: buildtags:- docker_onlinevariables:GIT_CLEAN_FLAGS: -ffdx -e node_modules/script:- echo "Compiling the code..."# - make build ENV=prod- echo "Compile complete."only:- main# deploy-dev-job:
#   stage: deploy-dev
#   # environment: production
#   tags:
#     - docker_dev
#   variables:
#     GIT_CLEAN_FLAGS: -ffdx -e dist/ -e node_modules/
#   script:
#     - echo "Deploying application..."
#     - make docker-deploy ENV=dev
#     - echo "Application successfully deployed."
#   only:
#     - devdeploy-test-job:stage: deploy-test# environment: productiontags:- docker_testvariables:GIT_CLEAN_FLAGS: -ffdx -e dist/ -e node_modules/script:- echo "Deploying application..."- make docker-deploy ENV=test- echo "Application successfully deployed."only:- testdeploy-online-job:stage: deploy-onlinetags:- docker_onlinevariables:GIT_CLEAN_FLAGS: -ffdx -e dist/ -e node_modules/script:- echo "Compiling the code..."- make deploy-online ENV=prod- echo "Compile complete."only:- main

这是我自己项目中的Makefile

REGISTRY?=www.github.com/xxx
APP=demo
BACKEND_PORT:= 9300
PORT:= 8300
# 获取最近的 Git 标签作为版本号
RAW_VERSION := $(shell git describe --tags --always 2>/dev/null || echo dev)
VERSION := $(shell echo $(RAW_VERSION) | awk -F '-' '{print $$1}')
# 读取 VERSION 文件中的版本号
# version := $(shell cat VERSION 2>/dev/null || echo last)
# 打印版本号
print_version:@echo "The version is: $(VERSION)"
HOST := http://xxx.xxx.com
ifeq ($(ENV), dev)HOST = xxx.xxx.com
endif
ifeq ($(ENV), test)HOST = xxx.xxx.com
endif
ifeq ($(ENV), prod)HOST = xxx.xxx.com
endifIMAGES := ${REGISTRY}/${APP}:${VERSION}
.PHONY: build
## 构建应用
build: clean@echo "Building..."npm i; npm run build# 验证环境变量
check-environment:
ifndef ENV$(error ENV not set, allowed values - `staging` or `production`)
endif.PHONY: docker-build
## 构建docker镜像
docker-build:docker build -f Dockerfile2 -t ${IMAGES} ..PHONY: docker-deploy
## 部署docker容器 - 测试环境
docker-deploy: docker-builddocker stop ${APP} || true; docker rm ${APP} || true; docker run -p ${PORT}:80 -d -e BACKENDURL="${HOST}:${BACKEND_PORT}/" --name ${APP} ${IMAGES}.PHONY: deploy-online
## 部署docker容器 - 生产环境
deploy-online: docker-builddocker stop ${APP} || true; docker rm ${APP} || true; docker run -p ${PORT}:80 -d -e BACKENDURL="${HOST}:${BACKEND_PORT}/" --name ${APP} ${IMAGES}.PHONY: docker-push
## 推送docker镜像 - 测试环境
docker-push: check-environmentdocker build -f Dockerfile -t ${IMAGES} .## docker push ${IMAGES}.PHONY: help
## 帮助命令
help:@echo "Usage: \n"@sed -n 's/^##//p' ${MAKEFILE_LIST} | column -t -s ':' |  sed -e 's/^/ /'