如何更改firebase身份验证的应用程序名称(用户看到的内容)

Question

感谢firebase v 3.9.0,我的社交OAuth在我的离子应用程序中运行良好.我想做一点改变.当提示登录时,它会显示"登录以继续my-real-appname-12345f.firebaseapp.com".

如何将其更改为更加用户友好的内容,例如,应用程序的实际名称.

为了澄清,我使用firebase来处理Google和Facebook的身份验证.两条消息都是一样的.

谢谢!韦恩

Answer 1

我问了firebase支持并得到了以下回复.斜体项目是我的补充.

-

嗨Jayen,

感谢您与我们联系.我很乐意为您提供帮助.

要在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项目后,您还应该按照以下步骤操作:

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

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

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

3. 转到GCP控制台>选择项目> API Manager>凭据>将#2中的链接添加到"授权重定向URI"

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

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

如果您对此有任何其他疑问,请与我们联系.

问候,

埃

-

在我的情况下,yourdomain.com是我托管我的网站的地方,所以我在app.yourdomain.com使用它.

• Firebase托管网址
• 处理程序网址:https://app.yourdomain.com/__/auth/handler
• GCP凭证
  • 在OAuth 2.0客户端ID下选择正确的一个.客户端ID将与您在代码中配置Firebase的客户端ID相匹配.
• authDomain: "app.yourdomain.com"

Answer 2

这对我有用：

1. 将您在代码中设置的 Firebase 配置更改为 authDomain: "insertyourdomainnamehere.com"
2. 在您的应用程序上按“使用 Google 登录”，然后查看由于此更改而导致的错误。遵循错误的指示。

该错误将我引导至https://console.cloud.google.com/apis/credentials（Google Cloud Platform > APIs & Services > Credentials）。

1. 在该页面上，查看“OAuth 2.0 客户端 ID”部分。
2. 对我来说，只有一个记录“Web 客户端（由 Google 服务自动创建）”。单击其上的编辑按钮。
3. 查找“授权的重定向 URI”部分。在该部分中，添加：https://insertyourdomainnamehere.com/__/auth/handler。

那么它应该工作！它现在应该显示“登录以继续访问 yourdomain.com”。

Answer 3

对于我使用电子邮件登录的 Web 应用程序的情况，我只需要在控制台上进入项目设置，在general选项卡更改下Public-facing name，电子邮件中的 %APP_NAME% 已更改

Answer 4

您应该在 Google API 控制台 ( https://console.cloud.google.com ) 中进行这些修改。去那里，找到您项目的凭据，单击“OAuth 同意屏幕”，然后有一个文本框，上面写着“向用户显示的产品名称”，将当前名称更改为您的应用程序名称，然后单击“保存”。