发布于 2026-01-06 0 阅读
0

Firebase Hosting 与 Namecheap Domains

Firebase Hosting 与 Namecheap Domains

在我看来,Firebase Hosting 是最简单易用、对新手友好的网站托管方式。除了 Heroku,我还没试过其他托管服务。如果你用过其他服务,欢迎在下方留言!

但是,当您将 Web 项目部署到 Firebase Hosting 时,您将获得一个默认 URL:

XXXXX.firebaseapp.com

这时就需要用到域名了。简而言之,域名就是你项目的地址。它们将人类可读的地址转换成存储你网站项目的 IP 地址。

你可以从 GoDaddy 和 Google 购买域名。不过,我选择了 NameCheap,因为我比较节俭。我发现用 Firebase Hosting 注册 NameCheap 域名体验并不好。因此,我做了一个简单的教程。完整视频如下。

首先,你需要在NameCheap上注册一个域名。

第二步,前往项目的 Firebase Hosting 页面。点击“添加自定义域名”,然后输入您的自定义域名。取消勾选“重定向到现有网站”复选框。点击“继续”。

复制值标题下方的语句:google-site-verification=somethingsom4eth6in7g

让我们打开NameCheap控制面板。你需要进入域名列表 > 管理,点击你想注册的域名> 高级DNS > 添加新记录。

Namecheap 控制面板示例



来源:马卡里奥·贾梅

创建一个 TXT 记录,以 @ 符号作为主机名,而不是以 URL 作为主机名。

此外,创建一个 CNAME 记录,www主机名为 [主机名],值是您的域名。

几分钟后即可验证。您距离使用自定义域名仅一步之遥。

Firebase Hosting 域名的成功对话框

完成后,您将进入最后一个页面“上线”。您需要A Record在高级 DNS 设置中添加 2 个主机名 @,而不是您的自定义域名。

您需要等待一段时间,让 Firebase 保护该域名。几分钟后刷新页面,您将看到“待处理”状态。

您可以访问您的网络应用程序,但该应用程序目前尚未实现安全保护。

可能需要长达24小时,但很可能用时更短。

希望对您有所帮助😁。如有任何问题,请在下方留言。

文章来源:https://dev.to/happyharis/firebase-hosting-with-namecheap-domains-30gk