authentication - 如何更改 Firebase 身份验证的应用名称(用户看到的内容)

Question

感谢 firebase v 3.9.0，我的社交 OAuth 在我的 ionic 应用程序中运行良好。我想做一个小小的改变。当提示登录时，它会显示“登录以继续访问 my-real-appname-12345f.firebaseapp.com”。

我如何将其更改为对用户更友好的内容，例如应用程序的实际名称。

澄清一下，我正在使用 firebase 来处理 Google 和 Facebook 的身份验证。两者的消息是相同的。

谢谢!
韦恩

Answer 1

我询问了 firebase 支持并得到了以下答复。斜体字是我的补充。
——
嗨，杰恩，
感谢您伸出援手。我很乐意为您提供帮助。
为了在 OAuth 同意屏幕中更新 firebase-project-id.firebaseapp.com，您需要一个带有 Firebase 托管的自定义域(Firebase 控制台 > 托管 > 连接域)。这是因为 https://firebase-project-id.firebaseapp.com/__/auth/handler由 Firebase Hosting 托管。您需要将自定义域指向 firebase-project-id.firebaseapp.com。
连接自定义域时，如果您没有在 firebase 上托管您的应用程序，请使用新的子域(例如 app.yourdomain.com)并且不要重定向它。 Firebase 会提示您在 DNS 服务器上添加一个条目并自动处理 SSL 证书。
将自定义域连接到 Firebase 项目后，您还应该按照以下步骤操作:

转到 Firebase 控制台 > 选择项目 > 身份验证 > 登录方法 > Facebook > 复制“要完成设置，将此 OAuth 重定向 URI 添加到您的 Facebook 应用配置”下的 URL。

它看起来像 https://firebase-project-id.firebaseapp.com/__/auth/handler

将项目 ID 替换为您的自定义域。它看起来像:https://yourdomain.com/__/auth/handler

转到 GCP 控制台 > 选择项目 > API 管理器 > 凭据 > 将 #2 中的链接添加到“授权重定向 URI”

然后确保使用 yourdomain.com 作为应用配置中的 authDomain 而不是 firebase-project-id.firebaseapp.com

firebase.initializeApp({
    apiKey: ....,
    authDomain: 'yourdomain.com',
     ...
});

如果您对此有任何其他问题，请告诉我。
问候，
是啊
——
就我而言，yourdomain.com 是我托管网站的地方，所以我在需要它的地方使用了 app.yourdomain.com。

Firebase Hosting URL

处理程序网址:https://app.yourdomain.com/__/auth/handler

GCP Credentials

在下选择正确的OAuth 2.0 客户端 ID .客户端 ID 将与您在代码中配置 Firebase 的 ID 匹配。

authDomain: "app.yourdomain.com"