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

Question

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

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

有什么办法可以改变这种情况吗？

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

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

Answer 1

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

虽然它无法使用 Vercel 上托管的域来实现此目的（因为重定向处理程序不存在），但您仍然有几个选项：

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