📜  将自定义域连接到Firebase上托管的网站

📅  最后修改于: 2021-04-17 04:12:50             🧑  作者: Mango

Firebase是免费托管静态网站的最佳平台之一。当我们在firebase上托管网站时,我们将为其分配两个域。例如,已经托管在firebase上的我的投资组合网站的项目ID为“ ankit-kumar-cv ”,因此分配给它的URL为:

  • project-id.web.app→ankit-kumar-cv.web.app
  • project-id.firebaseapp.com→ankit-kumar-cv.firebaseapp.com

现在,所有这些信息都可以在Firebase控制台→项目仪表板→主机选项卡上看到。除了这两个域之外,如果我们想将自己选择的域分配给网站,我们也可以这样做。在这里,我们将逐步介绍在Firebase托管中添加自定义域的过程。

将域添加到Firebase托管之前,需要满足两个要求:

  1. 在Firebase上托管的网站。就我而言,它是ankit-kumar-cv.web.app。
  2. 域。那里有许多域名注册商,例如GoDaddy,NameCheap,hostinger等。但是在这里,我们将从Google本身购买我的域名。从Google购买域名有很多好处。

步骤1:购买网域

首先,我们需要转到domains.google.com并搜索您想要查看Google建议的名称。如果要保留您选择的名称,请单击所有结尾选项卡。选择一个可用的并将其添加到购物车。

购买域名

您可以转到购物车页面并使用您选择的付款方式结帐。签出后,您将转至此页面。它将要求您验证您的电子邮件。完成验证后,该域就是您的域。

购买域名

您可以单击“ DNS”选项卡。在那里将进行其他更改。

第2步:将域添加到Firebase托管

步骤2.1:添加域

转到console.firebase.google.com,选择项目。然后单击托管选项卡。它看起来像这样。

单击添加自定义域按钮。这样会出现一个表单,要求您添加域。

添加域

添加您购买的域,然后单击继续。

步骤2.2验证所有权

由于Firebase和域名注册商都是Google的产品,因此我们无需向Firebase验证域的所有权。但是,如果我们使用的是注册的其他任何域(如GoDaddy或Namecheap),则此步骤是强制性的。像其他步骤一样,这一点也不困难。在这种情况下,所有需要做的就是在域注册商的DNS管理页面中添加TXT类型的自定义记录。此过程通常需要5到12个小时左右,最多可以延长到24个小时。

步骤2.3上线

随着我们的域在屏幕上自动得到验证,您可以看到我们直接从第一步跳到了第三步。在此步骤中,我们将把我们的域连接到Firebase托管。要将我们的域连接到主机,有两种方法:

  • 快速设置:适用于新网站,这是首次添加域。
  • 高级:对于已经在另一个平台上托管的网站。

在“连接域”窗口中,有两个A记录需要添加到注册服务商的DNS页面,并且如果存在其他AAAAA记录,则应将其删除。

上线

如果仅尝试添加两个A型的自定义域记录,则将收到一个已在使用中的错误。我们可以做的是参考这张图。这就是我们应该添加自定义资源记录的方式。要查看其他注册商的表格,请点击此处。

这就是我这样做的方式。为了确保一切正常,我在A型记录中添加了IP,分别是host @www

完成此操作后,您可以在“连接域”窗口上单击“完成”,这样将显示待处理状态。

托管

设置大约需要24个小时,但就我而言,只花了2个小时。建立连接后,状态将从挂起更改为已连接。

等待连接。

建立连接后,您可以单击来访问您托管的站点。在这里,我们将ankitkumar.app和www.ankitkumar.app(此处为www。是子域)添加到Firebase同时托管的过程中,您只需键入www即可。添加域时,其余部分相同。

托管网站

托管网站

有关将自定义域添加到Firebase,托管的更多信息,请单击此处。