javascript - Chrome扩展实践中的登录和认证

Question

我正在开发 chrome 扩展程序并尝试实现身份验证方法 (firebase)。我对必须去哪里感到困惑，因为 popup.html 不允许内联脚本，这让它变得有点困难。据我所知，有 2 个选项:

1. 从扩展程序调用外部页面(由我托管)，在新选项卡中打开，在那里处理登录。但在这种情况下，扩展程序如何与登录页面通信？ cookies ？我需要在我的 popup.js 中进行确认

2. 尝试在 Chrome 扩展弹出窗口中处理电子邮件/密码登录，这似乎更复杂。我总是违反内容安全政策，有点烦人。我已经试过了，问题是一旦你关闭弹出窗口，它就会失去登录状态。

我已经研究了很多，但到目前为止还没有真正好的例子，其他问题也几乎没有答案。谢谢!

Answer 1

您可以尝试在弹出窗口中使用登录/密码输入框，但在后台页面中运行实际的登录代码。您可以这样做，将消息从弹出窗口发送到后台页面或直接从弹出窗口使用类似以下内容发送消息:

popup.html:

<input type="text" id="email">
<input type="password" id="password">

弹出.js:

var email = document.getElementById("email").value;
var password = document.getElementById("password").value;

chrome.runtime.getBackgroundPage(function(bgPage){
    bgPage.performFirebaseLoginWithEmailAndPassword(email,password);
});

由于后台页面一直处于打开状态，因此在关闭弹出窗口时应保留登录状态。