Google AI Studio 应用部署支持自定义域名

Google AI Studio 应用部署支持自定义域名 | 前端进阶之旅

Full translation

完整中文译文

所以，你刚刚用 Google AI Studio 的 Build 功能构建了一个很棒的 AI 应用。点击 Deploy，代码穿过云端，你的应用上线了！但随后，你看了一眼它的 URL，发现大概是这样：

虽然我个人很喜欢“Burning Man Animal Cuddle”这种调调，但你的用户可能会觉得它有点……可疑。你已经在 Namecheap 上买了一个很酷的域名（例如 vibe-compose.com），并且希望改用这个域名。

如果你从未把 Google Cloud Run 服务连接到 Namecheap 这样的第三方域名注册商，这套“DNS 之舞”可能会让人摸不着头脑。下面就是完整的操作方法，让你不必为此抓狂。

首先，打开 Google Cloud Console，进入 Cloud Run domains。在左上角的下拉列表中找到你的项目（例如 Generative Language Client）。在 Domain Mappings 部分，你会看到 Add Mapping 按钮。

选择服务：选择你的应用。

选择已验证的域名：选择“Verify a new domain...”

基础域名：输入你的根域名（例如 vibe-compose.com）。暂时不要输入 www，我们先从根域名开始。

在 Google 将流量路由到这个域名之前，它需要确认你确实拥有该域名。点击验证后，会弹出一个模态窗口，其中会提供一条 TXT 记录。

输入你的网站名称并点击 Continue 后，复制那一长串文本。现在需要暂时离开 Google，前往 Namecheap。

进入 Domain List -> Manage -> Advanced DNS。

点击 Add New Record。

值：在这里粘贴 Google 提供的验证字符串。

☕ 喝杯咖啡休息一下：DNS 变更通常需要一段时间才能生效。等待 2 分钟，然后回到 Google Cloud 标签页，点击 VERIFY。

验证完成后，真正困难的部分开始了。你希望网站可以通过 vibe-compose.com（不带 www）访问。这种域名被称为“Naked”域名或“Root”域名。

Cloud Run 不会为根域名使用 CNAME，而是使用 A Records（IPv4）和 AAAA Records（IPv6）。Cloud Run 会显示一组 IP 地址，你需要把它们全部添加到 Namecheap。

在 Namecheap 的 Advanced DNS 中，你的记录列表应该与上图类似：

4 条 A Records：Host 为 @，Value 分别是以 .32.21、.34.21、.36.21 和 .38.21 结尾的 IP。

4 条 AAAA Records：Host 为 @，Value 是那些很长的 IPv6 地址。

如果现在就停下来，vibe-compose.com 可以正常访问，但 www.vibe-compose.com 会无法打开。我们还需要映射这个子域名。

返回 Cloud Run Domain Mappings。

再次点击 Add Mapping。

Google 会提示你添加一条 CNAME。

回到 Namecheap，添加最后一条记录：

⚠️ 容易踩的坑：许多开发者会不小心把 ghs.googlehosted.com 粘贴到“Host”字段中。千万别这么做！Host 应该填写 www。如果 Namecheap 自动在末尾添加一个句点，通常没有问题。

DNS 记录全部添加完成后，返回 Cloud Run dashboard。你会看到列出的域名旁边显示黄色的加载图标或绿色对钩。

现在正在发生什么？

DNS 传播：Google 正在检查 Namecheap 是否已经完成更新，这可能需要 10 分钟到 24 小时。

证书配置：发现 DNS 记录后，Google 会自动为你创建一个托管的 SSL 证书。

多花 5 分钟映射自定义域名，就能大幅提升项目的专业感。现在，你不必再把用户引导到 burning-man-animal-cuddle，而是可以让他们访问 vibe-compose.com。

（不过说实话，我会怀念那些动物抱抱的。）

有些评论可能仅对已登录的访客可见。请登录以查看全部评论。

如需采取进一步措施，你可以考虑屏蔽此人和/或举报滥用行为。