05. 开发、部署与快速上站 · 资料陈述 · 教学步骤 7
版本化部署到域名
私有仓库、预览环境和生产域名让版本可追溯、可回滚。
原知识点:代码提交私有Git仓库,Vercel导入部署,Cloudflare托管DNS并按Vercel提示配置根域A与www CNAME。
执行步骤
- 在GitHub创建私有仓库,确认没有密钥、用户数据或不应上传的构建物,再推送已验收提交。
- 在Cloudflare Pages连接该GitHub仓库,选择生产分支,并按项目实际填写构建命令和输出目录。
- 先打开提交对应的预览URL,核对提交哈希并重跑核心浏览器验收;通过后才进入生产分支。
- 在Pages项目中先添加自定义域名,再完全照当前控制台给出的记录配置DNS;不要只手工猜CNAME。
- 等待域名激活与证书签发后,验证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目标必须读取当前平台提示。
来源:注册域名、解析域名、部署上线