Question

我正在制作Chrome扩展程序，当我看到他们在the page上面发布通知时说他们正在将身份验证迁移到firebase时，我正准备设置身份验证：https://firebase.google.com/docs/web/setup#prerequisites

我正在尝试按照他们的建议进行“网络设置”，但我认为对于扩展程序必须不一样，因为尝试将初始化代码放在我的background.js中我收到错误：

拒绝加载脚本“https://www.gstatic.com/firebasejs/live/3.0/firebase.js”，因为它违反了以下内容安全策略指令：“script-src'self'blob：filesystem：chrome-extension-resource：”。

我是在错误的地方加载它还是只有不同的扩展实现？

这是避免链接腐烂的代码：

// TODO: Replace with your project's customized code snippet
<script src="https://www.gstatic.com/firebasejs/3.0.2/firebase.js"></script>
<script>
// Initialize Firebase
var config = {
  apiKey: '<your-api-key>',
  authDomain: '<your-auth-domain>',
  databaseURL: '<your-database-url>',
  storageBucket: '<your-storage-bucket>'
};
firebase.initializeApp(config);

我用我自己的自定义代码片段替换它，我将嵌入式链接放在background.html中，并在background.js中使用config / init snippit

Answer 1

您需要下载firebase.js并将其放入您的扩展程序中，然后使用相对网址加载它。您的扩展程序不允许访问外部脚本。

Answer 2

将此添加到您的manifest.json：

"content_security_policy":"script-src 'self' https://www.gstatic.com/ https://*.firebaseio.com https://www.googleapis.com; object-src 'self'"

这样您就不会违反内容安全策略，如您所提供的错误所述。

使用Firebase for Chrome Extention认证

2 个答案: