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

时间:2017-09-09 23:25:58

标签: authentication firebase ionic-framework oauth-2.0

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

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

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

谢谢! 韦恩

5 个答案:

答案 0 :(得分:18)

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

-

你好Jayen,

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

要在OAuth许可屏幕中更新firebase-project-id.firebaseapp.com,您需要具有Firebase托管的自定义域(Firebase控制台>托管>连接域)。这是因为https://firebase-project-id.firebaseapp.com/__/auth/handler由Firebase托管托管。您需要将自定义域指向firebase-project-id.firebaseapp.com。

连接自定义域时,如果您未在firebase上托管应用,请使用新的子域(例如app.yourdomain.com),不要重定向它。 Firebase将提示您添加DNS条目并自动获取SSL证书。

将自定义域名连接到Firebase项目后,您还应该按照以下步骤操作:

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

  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',
         ...
    });
    
  5. 如果您对此有任何其他疑问,请与我们联系。

    此致

    -

    在我的情况下,yourdomain.com是我托管我网站的地方,因此我在需要它的地方使用了app.yourdomain.com。

答案 1 :(得分:6)

这对我有用:

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

该错误导致我进入https://console.cloud.google.com/apis/credentials(Google云平台> API和服务>凭据)。

  1. 在该页面上,查看“ OAuth 2.0客户端ID”部分。
  2. 对我而言,只有一条记录“ Web客户端(由Google Service自动创建)”。单击其上的编辑按钮。
  3. 查找“授权重定向URI”部分。在该部分中,添加:https://insertyourdomainnamehere.com/__/auth/handler

然后它应该工作!现在应该显示“登录以继续到yourdomain.com。”

答案 2 :(得分:1)

对于我使用电子邮件登录的网络应用程序而言,我只需要在控制台上进入项目设置,请在general标签下更改Public-facing name,并更改电子邮件中的%APP_NAME%

答案 3 :(得分:0)

我想我可能已经找到了为什么有些人能够改变显示名称而有些人却没有。检查您的主机标签。如果您部署了某些内容,则可能会将其部署到登录页面上列出的同一网址。尝试在该页面上添加您的域名,看看是否有效。

答案 4 :(得分:-1)

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