从实时数据库（firebase）检索JSON数据无显示

Question

I have web app which uses json data but i want to use firebase realtime database, have implemented but shows nothing:

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

          });

I have changed that fetching like this :

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

and i have also put my json data in realtime database and rules :

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

still shows nothing ... any idea ?

Answer 1

I've found solution.

There should be a node after project folder. If your project is called my-project , your realtime json structure will be like

after that, you could browse your firebase realtime data as follow, https://hn-firebase-47370.firebaseio.com/person.json .

The main problem is you forgot/missed to add sub-level node for your data structure.

Example is here: https://repl.it/@PyaePhyoe/TiredNervousMouse