Firebase迁移-简单的Firebase.set没有'不再工作了——旧的还是新的

Firebase Migrating - Simple firebase.set doesn't work anymore - Old vs. New

本文关键字：Firebase 工作 不再 迁移 简单 set 没有      更新时间：2023-09-26

我相信firebase团队和这里的每个人今天都很忙，所以我尽量缩短时间。2天前，我有一个简单的代码，它有效：

var rootRef = new Firebase(http://*.firebaseio.com/)
function geturl() {
    chrome.tabs.query({currentWindow: true, active: true}, function (tabs) {
        var tabURL = tabs[0].url;
        rootRef.set({
            title: tabURL
        });
    });
}

现在我正在尝试迁移，所以我有了这个：

var config = {
    apiKey: "*-*",
    authDomain: "*-*-*.firebaseapp.com",
    databaseURL: "https://*-*-*.firebaseio.com",
    storageBucket: "*-*-*.appspot.com",
};
firebase.initializeApp(config);
var rootRef = firebase.database().ref();
function geturl() {
    chrome.tabs.query({currentWindow: true, active: true}, function (tabs) {
        var tabURL = tabs[0].url;
        rootRef.set({
            title: tabURL
        });
    });
}

这已经不起作用了。SDK也更新了，我把src改成了新的（注意从新文档中复制/粘贴，其中一个文件有404）。有人知道线索吗？

------编辑

我认为这与manifest.json中的content_security_policy有关，根据3年前的教程，为了在chrome扩展中使用firebase，需要将其设置为：

"content_security_policy": "script-src 'self' https://cdn.firebase.com 
https://*.firebaseio.com; object-src 'self'"

现在，有人知道如何修改它以使用新的SDK吗？现在需要几个新的URL来建立连接，我认为这必须修改。弹出控制台给我这个错误：

拒绝执行内联脚本，因为它违反了以下内容内容安全策略指令："script src'self'https://cdn.firebase.comhttps://.firebaseio.comhttps://.firebaseio-demo.comhttps://www.gstatic.com/"unsafe inline"关键字，哈希（'-='），或nonce（'none-…'）是启用内联执行所必需的。

如果这是一个新项目，您可能会遇到一个更微妙的变化：默认情况下，数据库规则受到限制。

在Firebase.com上，数据库过去是完全可读写的，但由于Firebase上有太多新功能，在新控制台中创建的项目默认需要auth:

{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

您可以添加匿名身份验证，也可以将规则更新为旧的默认值。

这一变化是由于Firebase的范围扩大了——因为Firebase上有很多功能，所以人们更容易创建一个项目，忘记锁定数据库（如果他们不使用数据库的话），从而拥有一个世界可写的数据库。

正如Xan所指出的，我有内联脚本，但不起作用。我用以下方法解决了这个问题：

Popoup.html

<html>
<head>
    <script src="https://www.gstatic.com/firebasejs/3.0.4/firebase.js"></script>
    <script src="popup.js"></script>
</head>
   <body> 
    <button id="clickme">click me</button>
</body>
</html>

Popup.js

  var config = {
    apiKey: "*-*",
    authDomain: "*.firebaseapp.com",
    databaseURL: "https://*.firebaseio.com",
    storageBucket: "*.appspot.com",
  };
    firebase.initializeApp(config);
      var rootRef = firebase.database().ref();
 function geturl() {
        chrome.tabs.query({currentWindow: true, active: true}, function (tabs) {
        var tabURL = tabs[0].url;
        rootRef.set({
          title: tabURL
          });
  })
};
document.addEventListener("DOMContentLoaded", function() {
  document.getElementById('clickme').addEventListener('click', geturl);
});
相关文章：