firebase - 如何将 myApp-123.firebaseapp.com 替换为我的自定义域 myApp.com

Question

我正在使用 Firebase Auth signInWithPopup()，这绝对很棒。但最初配置时，弹出窗口显示:

Choose an account to continue to myApp-123.firebaseapp.com

我真的很想读一下:

Choose an account to continue to myApp.com

如何让弹出窗口显示我自己的域？

Answer 1

在下面的解决方案中，我应该说我遵循的步骤有效。我可能做了一些并非绝对需要的事情，但据我所知，目前我还没有破坏任何东西。

此工作流程(和文档)有点不完整，因为您必须调整 Google Cloud Platform (GCP) 凭据和 Firebase 身份验证。此工作流程的每一方都提供了文档，但我无法找到涵盖整个工作流程的文档来进行此替换。

GCP 控制台设置

我首先调整了 OAuth 客户端的 GCP 凭据:

1. 转到 GCP 控制台 > API 和服务 > 凭据页面( https://console.cloud.google.com/apis/credentials?project= _ 并选择您的项目)

2. 在页面底部找到“OAuth 2.0 客户端 ID”。应该有一个标题为“Web 客户端(由 Google 服务自动创建)”的条目

3. 在页面右侧单击编辑图标(笔)，这将打开配置页面。

4. 在“授权 JavaScript 来源”下，您应该会看到您的 yourFirebaseApp.firebaseapp.com 域。单击“+ 添加 URI”并添加您的自定义 URI。这应该是一个“https”域，因此请使用 https://myApp.com

5. 在“授权重定向 URI”下，您应该会看到 https://yourFirebaseApp.firebaseapp.com/__/auth/handler。 (尾部的 __/auth/handler 位是 Firebase 提供的 auth 回调)。单击“+ 添加 URI”并添加您的域，最后添加 __/auth/handler。 (例如:https://myApp.com/__/auth/handler)

6. 点击“保存”

7. 转至 OAuth 同意屏幕 ( https://console.cloud.google.com/apis/credentials/consent/edit?project=_ )。将您的自定义域添加到“应用程序主页链接”，并使用您的应用程序的自定义值填写“应用程序名称”和“ Logo ”以及“应用程序隐私政策链接”。

Firebase 控制台设置

然后，您需要将自定义域添加到 Firebase 身份验证授权域列表中:

1. 转至 Firebase 控制台 > 身份验证 > 登录方法页面( https://console.firebase.google.com/project/_/authentication/providers 并选择您的项目)

2. 在“授权域”下，您应该会看到 localhost 和默认的 yourFirebaseApp.firebaseapp.com 域。单击“添加域”并输入您的自定义域名，然后单击“添加”。

网络应用程序设置

您可能会记得从 Firebase 项目复制并粘贴到编译和部署 Web 应用程序的代码中的代码块。 (有些人使用托管默认 init.js 脚本 - 如果您这样做，请改为 go back and setup your app using the config snippet)

在代码片段中找到“authDomain”字段，并将其更改为您的自定义域，然后重新部署。

此过程对我和我的项目有用，我发布此内容是希望可以通过执行此操作或类似操作的其他人的反馈来完善这些说明。