从 chrome 扩展程序使用 authWithOAuthPopup 时，“用户取消了身份验证”

Question

我正在尝试在 Chrome 扩展程序中实现 Firebase 登录（通过 Facebook）。

我在background.js脚本中使用以下代码

var ref = new Firebase("https://DB.firebaseio.com");    
ref.authWithOAuthPopup("facebook", function(error, authData) {  
    alert(error);
});

authData 为 null，出现的错误是“Firebase：用户取消了身份验证”。

使用电子邮件/密码登录似乎没有问题。

这里出了什么问题？

Answer 1

Chrome 浏览器可能不允许您从 Chrome 扩展程序启动弹出窗口，这是预期的。您看到的错误是由于弹出窗口过早关闭所致 - 在本例中是浏览器强制执行的，但在其他方面与用户阻止的弹出窗口无法区分。

由于浏览器扩展没有任何“来源”的概念，即它们的内容不是来自外部域的服务器，因此它们不适合 OAuth 弹出窗口和重定向流，因为身份验证应用程序无法验证访问域。

我建议在真实的托管域上创建一个网页以与您的扩展一起使用，并在身份验证完成后与扩展进行通信。