05. 开发、部署与快速上站 · 资料陈述 · 教学步骤 7

版本化部署到域名

私有仓库、预览环境和生产域名让版本可追溯、可回滚。

原知识点:代码提交私有Git仓库,Vercel导入部署,Cloudflare托管DNS并按Vercel提示配置根域A与www CNAME。

执行步骤

  1. 在GitHub创建私有仓库,确认没有密钥、用户数据或不应上传的构建物,再推送已验收提交。
  2. 在Cloudflare Pages连接该GitHub仓库,选择生产分支,并按项目实际填写构建命令和输出目录。
  3. 先打开提交对应的预览URL,核对提交哈希并重跑核心浏览器验收;通过后才进入生产分支。
  4. 在Pages项目中先添加自定义域名,再完全照当前控制台给出的记录配置DNS;不要只手工猜CNAME。
  5. 等待域名激活与证书签发后,验证HTTP跳转HTTPS、证书主机名、主要路由、404和回滚方式。

可复制工作表

GitHub仓库:__(Private已确认:__)
生产分支:__
验收提交哈希:__
构建命令:__
输出目录:__
Pages项目:__
预览URL/验收:__
自定义域名:__
Cloudflare当前提示的DNS类型/名称/目标:__/__/__
域名状态:__
HTTPS证书/HTTP跳转:__
核心路由/404检查:__
生产部署ID:__
回滚到部署/提交:__

完整示例

【完整示例,名称仅演示】私库owner/audio-tool的提交abc123连接Cloudflare Pages项目audio-tool,构建命令npm run build、输出dist。预览通过后,在Pages中添加app.example.com,再按控制台当时提示创建CNAME;证书激活后实测http跳https、/audio-to-text为200、随机路径为404。团队记录部署ID,未复制旧教程中的DNS目标。

完成清单

  • GitHub仓库确认为私有,提交不含秘密或真实用户数据。
  • 预览部署与已验收提交哈希一致并通过核心回归。
  • 自定义域名先在Pages添加,DNS值来自当前控制台提示。
  • 生产域名HTTPS有效,主要路由与真实404均通过。
  • 部署ID、提交和可执行回滚路径可追溯。

当前官方依据

平台规则会变化,行动前以打开后的当前官方页面为准。

适用条件

DNS目标必须读取当前平台提示。

来源:注册域名、解析域名、部署上线