javascript - Firebase 身份验证错误 : auth/invalid-credential

Question

我已经尝试使用 firebase 提供的身份验证服务超过 2 周。直到昨天，一切都运行良好，我无法使用 facebook 身份验证提供商和 Twitter 让用户连接到我的网络应用程序。

我已尝试注销和登录，我删除了我的 Facebook 和 Twitter 应用程序，甚至使用其他帐户创建了其他应用程序，但问题仍然存在。

当我尝试使用他们在之前可用的 github 上提供的代码时，出现了同样的问题。

奇怪的是，当我使用 google provider 或使用电子邮件和密码登录方法时，它工作正常。

PS:我确保在控制台中启用了提供程序。

const signInWithFacebookButton = document.getElementById('signInWithFacebook');

const auth = firebase.auth();

const signInWithFacebook = () => {

  const facebookProvider = new firebase.auth.FacebookAuthProvider();

  auth.signInWithPopup(facebookProvider)
  .then(() => {
    console.log('Successfully signed in');
  })
  .catch(error => {
    console.error(error);
  })
}

signInWithFacebookButton.addEventListener('click', signInWithFacebook);

当我尝试使用 facebook 进行身份验证时出现错误消息:

{code: "auth/invalid-credential", message: "The supplied auth credential is malformed or has expired."}

当我尝试使用 Twitter 进行身份验证时出现错误消息:

{code: "auth/invalid-credential", message: "Error getting request token: 403 <?xml version="1.…ode-project-fd88e.firebaseapp.com/__/auth/handler"}

Answer 1

对于Twitter登录，错误代码403表示禁止客户端访问该URL。它会给出这样的错误，因为您必须将回调 URL(您的站点)列入白名单。

来自 documentation,

As part of our continued effort to ensure safety and security on the Twitter developer platform, any developer using Sign in with Twitter must explicitly declare their callback URLs in a whitelist in the Twitter apps settings which can be accessed in the apps dashboard when logged into your Twitter account on developer.twitter.com. This means that if the callback_url parameter used with the oauth/request_token endpoint isn't whitelisted, you will receive an error.

因此，在 Twitter 应用程序设置中，您必须添加您的 URL，例如，https://sitename.example.com/auth/twitter 和 https://sitename.example.com/auth/twitter/callback

• You want to use https://yourdomain.com?source=twitter as your callback URL
  • Add this to the Twitter app dashboard: https://yourdomain.com
  • Use this in your call to oauth/request_token: https://yourdomain.com?source=twitter.

有关更多详细信息，请参阅此社区文章:- Twitter callback URLs