Chrome扩展实践中的登录认证

Question

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

1. 从扩展调用外部页面(由我托管)，在新选项卡中打开，在那里处理登录。但是在这种情况下，扩展如何与登录页面通信？曲奇饼?我需要确认一下我的popup.js
2. 尝试在Chrome扩展弹出中处理电子邮件/密码登录，这似乎更复杂。我总是违反内容安全策略，有点烦人。我已经试过了，问题是一旦你关闭弹出窗口，它就会失去登录状态。

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

Answer 1

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

popup.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);
});

由于背景页始终处于打开状态，因此当弹出窗口关闭时，应保留登录状态。