【WorkBuddy基础教程】如何开发部署网站到公网可见的自有域名 - 腾讯云CloudBase版
Created: 2026-07-06
公众号名称：Draco正在VibeCoding
作者名称：DracoVibeCoding
发布时间：2026-07-06 13:06
- 前置条件：你需要注册一个腾讯云账号 https://cloud.tencent.com/
- 安装腾讯云CloudBase CLI（tcb）
npm install -g @cloudbase/cli- 登录CloudBase CLI（tcb）
tcb login- 会自动打开浏览器，并要求使用腾讯云账号登录
- 登录后，进行CloudBase CLI授权，点击“确认授权”
- 终端提示 tcb登录成功
- 登录腾讯云TCB的环境创建页：https://buy.cloud.tencent.com/lowcode?buyType=tcb®ion=ap-shanghai
- 选择“个人版”
如果你没有创建过TCB环境的话，首个“个人版”是免费6个月的；由于我已经创建过了，因此会显示￥19.9
数据库我选择的是PostgreSQL（由于我要做一些跟Supabase兼容的项目因此选择的PostgreSQL；你可以跟WorkBuddy讨论你的项目适用于哪种数据库，然后进行选择）
- 点击“立即购买”，后续就跟着流程一路点确认就行
- 创建成功后会显示一个新的运行环境：
- 回到WorkBuddy，告知CloudBase环境已创建好；WorkBuddy片刻后通过tcb cli完成所有配置的验证
- 然后让WorkBuddy写一个前端页面，并采用tcb app deploy方式部署到CloudBase
让我们测试一下：写一个使用three.js撰写一个模拟太阳系的网页部署到CloudBase静态页面托管，采用tcb hosting deploy形式
- 几分钟后，页面写好，并且部署到了CloudBase的HTTP静态网站托管服务中，URL类似:
https://draco-tcb-d2gd85b205d9c1821-1258751817.tcloudbaseapp.com/
- 如果想让域名变成自己的自定义域名，需要访问【静态网站托管】- 【基础配置】- 【自定义域名-绑定自定义域名】
- 在弹窗中点击【证书关联】- 【点击前往】
- 点击【申请免费证书】
- 点击【申请免费证书】
- 填写你想自定义的域名，域名验证方式选“自动DNS验证”，然后点击提交申请按钮：
- 点击【完成】按钮
- 由于是免费证书，可以选择开启“自动续费”
- 然后回到CloudBase静态网站托管页面的“自定义域名”弹窗，填入你在刚才步骤中的自定义“域名”，并且选择刚刚生成的“证书关联”，然后点击【下一步】按钮：
- 点击【完成】
- 然后到【HTTP网关】中把刚才自定义域名的“CName”值复制出来：
- 然后访问腾讯云DNS管理页：https://console.cloud.tencent.com/cns 点击刚才配置的母域名
- 点击【添加记录】
- 分别填入：
主机记录：你配置的自定义二级域名
记录类型：CNAME
记录值：刚才从CloudBase的HTTP网关页面中复制出来的CName值
然后点击【确定】按钮
- 然后有个扫码确认的过程
- 然后能看到新的CName记录被添加好了
- 几分钟后回到CloudBase的HTTP网关配的域名管理页面，可以看到CName值旁边的 clock icon消失了，这时应该就可以正常访问你配置的域名了：
- 可以新开个浏览器测试一下，OK，搞定！
稍微吐槽一下：腾讯CloudBase网站的自定义域名要比EdgeOne Pages和Vercel都麻烦很多！ 所以，如果你只是想做个静态网站，还是选择EdgeOne Pages或者Vercel吧！
小结
稍微总结一下腾讯的EdgeOne Pages和CloudBase与其他几个知名前后端服务商：
EdgeOne Pages ≈ Vercel （前端部署平台）
CloudBase ≈ Supabase （后端即服务平台）CloudBase 的静态托管只是它顺手做的一个附加能力，就像 Supabase 也有 Edge Functions 一样——能做，但不是核心卖点。
一张图看清
所以选型很简单
| 场景 | 选择 |
|---|---|
| 纯静态网站 / 落地页 / 博客 | EdgeOne Pages 或 Vercel |
| 纯后端 API + 数据库 | Supabase 或 CloudBase |
| 全栈应用（不想拼装） | CloudBase（国内）/Firebase（海外） |
| 全栈应用（要极致 DX） | Vercel + Supabase |
WorkBuddy过往教程：
【WorkBuddy实战】如何使用WorkBuddy解读保单和完成报销
【WorkBuddy基础教程】使用Github CLI进行项目代码管理&实战案例
【WorkBuddy基础教程】如何开发部署网站到公网可见的自有域名 - 腾讯EdgeOne Pages版
内容效果不满意？点此反馈