本文介绍 Gitee 仓库管理的项目如何在 Zadig 上快速搭建,下面以 microservice-demo 项目为例,该项目包含 Vue.js 前端服务和 Golang 后端服务,以下步骤包含从 Code 到 Ship 的整个过程的演示。

Gitee

准备案例源码

本案例所用代码及配置 fork 自项目案例源码,主要包含:

新建 Gitee 第三方应用

点击 Gitee 账号头像 -> 设置 -> 数据管理 -> 第三方应用 -> 创建应用来新建应用程序。

Gitee

Gitee

配置 Gitee 第三方应用

Gitee

填写以下内容后点击创建:

获取 Client ID、Client Secret 信息

应用创建成功后,可获取该应用对应的 Client IDClient Secret 信息。

Gitee

将配置填入 Zadig 系统

切换到 Zadig 系统,管理员依次点击系统设置 -> 集成管理 -> 代码源集成 -> 点击添加按钮。

Gitee

依次填入如下已知信息:

信息确认无误后点击 前往授权,耐心等待,此时系统会跳转到 Gitee 进行授权。

Gitee

点击 同意授权 后,跳转到 Zadig 系统,至此 Gitee 集成完毕。

进入 Zadig 系统,点击新建项目 -> 填写项目名称 microservice-demo -> 选择 K8s YAML 项目 -> 点击立即创建 -> 点击下一步

onboarding

onboarding

onboarding

新建服务

Zadig 提供三种方式管理服务配置:

这里,我们使用从代码库同步的方式:点击从代码库同步按钮 -> 选择仓库信息 -> 选择文件目录 examples->microservice-demo->k8s-yaml -> 点击同步按钮即可。

onboardingonboarding

配置构建

配置后端服务构建:选择 backend 服务 -> 点击添加构建 -> 填写构建配置和构建脚本后保存。

config_build

config_build

构建配置说明:

  1. 应用列表:选择 go 1.13
  2. 代码信息:准备工作中 fork 的代码仓库
  3. 构建脚本如下:
cd zadig/examples/microservice-demo/backend
make build-backend
docker build -t $IMAGE -f Dockerfile .
docker push $IMAGE

同样的步骤为 frontend 服务配置构建并保存。

config_build

构建配置说明:

  1. 代码信息:准备工作中 fork 的代码仓库
  2. 构建脚本如下:
cd zadig/examples/microservice-demo/frontend
docker build -t $IMAGE -f Dockerfile .
docker push $IMAGE

add_to_env

add_to_env

microservice_demo_project_overview

使用工作流对环境中的服务进行部署更新,以 dev 环境为例操作步骤如下。

run_workflow

run_workflow

run_workflow

添加触发器,使得代码 Push commit、Pull Request、Push tag 都能自动触发服务的重新构建和部署。

config_workflow_webhook

config_workflow_webhook

webhook_trigger_workflow

webhook_trigger_workflow

webhook_trigger_workflow

webhook_trigger_workflow

IM

IM-1

IM-1