托管在 Vercel 上的 NextJS 应用程序的 Firebase 后端自定义域答案

【问题标题】：Firebase Backend custom domain for NextJS App Hosted on Vercel托管在 Vercel 上的 NextJS 应用程序的 Firebase 后端自定义域
【发布时间】：2021-11-18 13:46:54
【问题描述】：

所以我制作了一个 NextJS 应用程序，并使用 firebase 进行身份验证和 firestore。我从 GoDaddy 购买了一个域名，目前将其托管在 Vercel 上。

除了我无法为 firebase 添加自定义域（当用户单击登录按钮时）之外，一切都按预期工作。它仍然显示 project-uid.firebaseapp.com

有什么办法可以改变吗？

我无法在 firebase 托管上托管我的应用程序（因为我失去了 SSR 和 ISR，而且我也有一些 API，NextJS + Cloud Functions/Cloud Run 设置也不必要地复杂）。

我尝试添加自定义域，但从未得到验证（已经使用了 3 周）。

【问题讨论】：

“有什么方法可以在不创建新的 firebase 项目的情况下更改项目 ID？”不，没有。我建议删除您问题的这一部分，以防止有人只回答该问题（或将其标记为重复，因为之前已经问过这个问题）并忽略您之前的问题。
好吧，我的错！
除非您将 DNS 更新为指向 Firebase Hosting（如果它当前指向 Vercel，则无法验证您的网站）。

标签： firebase next.js vercel godaddy-api

【解决方案1】：

默认情况下，Firebase 身份验证使用您项目的默认子域，即<project-id>.firebaseapp.com。您可以使用步骤here 将其自定义到任何 Firebase Hosting 托管的域。（您需要更新 Firebase 配置中的 authDomain，并添加在 Firebase Auth 和 Google OAuth 中授权的域）。

虽然它不能为此使用 Vercel 上托管的域（因为重定向处理程序不存在），但您仍然有几个选择：

使用子域（如auth.mydomain.com），并使用 Firebase 托管和身份验证进行设置。您需要更新您的 DNS 以将该子域的所有请求指向 Firebase。
将新的非自定义域站点添加到 Firebase 托管 (<custom-name>.web.app) 并使用 Firebase 身份验证对其进行配置。

【讨论】：