Chrome 扩展程序中的登录和身份验证实践

Question

我正在开发 chrome 扩展程序并尝试实现一种身份验证方法（firebase）。我对必须去哪里感到困惑，因为 popup.html 不允许内联脚本，这使它变得更加困难。据我所知，有两种选择：

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

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

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

Answer 1

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

弹出窗口.html：

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

popup.js：

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

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

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