從實時數據庫（firebase）檢索JSON數據無顯示

Question

我有使用json數據的Web應用程序，但我想使用Firebase實時數據庫，已實現但未顯示任何內容：

document.addEventListener("DOMContentLoaded", async function(event) {
    var response = await fetch("person.json");
    var arr = await response.json();
    var personparsed = arr[1];

            var dflt = {
              min: 0,
              max: 100,
           //   donut: true,
              gaugeWidthScale: 1.1,
              counter: true,
              hideInnerShadow: true
            }

            var ee1 = new r({
              id: 'ee1',
              value: personparsed['Jennifer'],
              title: 'Jennifer ',
              defaults: dflt
            });

            var ee2 = new r({
              id: 'ee2',
              value: personparsed['Peter'],
              title: 'Peter',
              defaults: dflt
            });

                var ee3 = new r({
              id: 'ee3',
              value: personparsed['Justin'],
              title: 'Justin',
              defaults: dflt
            });

                var ee4 = new r({
              id: 'ee4',
              value: personparsed['Alex'],
              title: 'Alex',
              defaults: dflt
            });

          });

我已經改變了這樣的獲取：

var response = await fetch("https://**********.firebaseio.com/person.json);

而且我也將json數據放入實時數據庫和規則中：

{
    "rules": {
    "person": {
           ".read": true
        }
    }
}

仍然什么也沒顯示...任何想法？

Answer 1

我找到了解決方案。

項目文件夾后應該有一個節點。 如果您的項目稱為my-project ，則您的實時json結構將類似於

之后，您可以按照以下方式瀏覽Firebase實時數據： https: //hn-firebase-47370.firebaseio.com/person.json。

主要問題是您忘記/錯過了為數據結構添加子級節點的操作。

示例在這里： https : //repl.it/@PyaePhyoe/TiredNervousMouse