google-chrome-extension - 如何与 chrome 扩展程序通信 Firebase Web 应用程序以避免双重登录

Question

我在创建外部网页和 chrome 扩展程序之间的通信时遇到问题。我想我需要这样的东西。

用户尝试使用 Firebase 身份验证在“example.com”上使用登录表单登录(使用 google/Fb/email - 密码提供程序)

如果用户成功登录，则相同的凭据将发送到 chrome 扩展

扩展使用获取的凭据调用 signInWithCredential，然后尝试再次登录

如果一切正常，则用户可以使用 context_script

使用 firebase dB

但这是一个正确的方法吗？这是一种将凭据(例如电子邮件/密码、 token )从网页发送到扩展程序的安全解决方案(即使我使用带有扩展程序 ID 的 runtime.sendMessage 仅将数据发送到特定扩展程序)？

目前，Web 应用程序和扩展程序身份验证分开工作。如果用户通过网络应用程序登录，扩展程序不知道它，反之亦然。我需要像 Grammarly 或 moz.com 这样的通信，用户通过网页登录，之后他不需要通过扩展登录来使用他的帐户。

Answer 1

当然，您需要做的就是将您的授权 token (我猜这在登录后存储在 cookie 中？)传递给插件，然后按照 Bearer 语法使用它向您的服务发出请求？

您可以通过在用户点击特定页面时将其写入 chrome.storage 将其放入扩展程序中(如果未找到 token 或已过期，单击扩展程序可以将用户定向到该页面)，然后设置 token :

chrome.storage.sync.set({ access_token: sometoken }, function() {
  console.log('Value is set to ' + sometoken);
});