Чтение и отображение данных из Firebase в вашем веб-приложении - PullRequest
0 голосов
/ 02 ноября 2019

Попытка создания простого веб-приложения Firebase. У меня есть следующее:

<html>
  <head>
    <script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-app.js"></script>
    <script src="https://www.gstatic.com/firebasejs/7.2.3/firebase-database.js"></script>
  </head>
  <body>
    <script>
      // Your web app's Firebase configuration
      var firebaseConfig = {
        apiKey: "secret",
        authDomain: "secret",
        databaseURL: "secret",
        projectId: "secret",
        storageBucket: "secret",
        messagingSenderId: "secret",
        appId: "secret"
      };
      firebase.initializeApp(firebaseConfig);

      var database = firebase.database().ref('blacklist');
      database.on("value", function(snapshot){
        console.log(snapshot.val());
      });

    </script>
    <script src="app.js"></script>
  </body>
</html>

Моя структура Firebase выглядит следующим образом enter image description here

Все, что я сейчас пытаюсь сделать, это распечатать данные вконсоль. консоль пуста, ошибки нет или что-то показывается? Не могли бы вы помочь с показом данных. Я пытаюсь показать fromId и toId для каждого.

Ответы [ 2 ]

0 голосов
/ 03 ноября 2019

Поскольку я использую это только в целях разработки, я обнаружил, что мне нужно установить права доступа к приложению:

{
  "rules": {
    ".read": "true",
    ".write": "true"
  }
}

Приведенный выше код, который я использовал, является правильным и работает, как и ожидалось

0 голосов
/ 02 ноября 2019

Нечто подобное случилось со мной однажды, но это было в приложении для Android. Если я вижу вашу полную структуру базы данных, попробуйте добавить внутреннюю ветвь, любую из тех, что находятся внутри черного списка, подобного этому, и посмотрите, получите ли вы «значение» обратно

var database = firebase.database().ref('Li2.../' + 'blacklist');

Чтобы объяснить, почему я прошу васпопробуй это;в этой ссылке https://firebase.google.com/docs/database/web/read-and-write написано

Типичное использование

значение : чтение и прослушивание изменений всего содержимого пути.

В то время, когда я пытался сделать это на Android, казалось, что « paths » не обрабатывались как « values ​​», поэтому если в пути не былоявные данные, то он не будет печатать для отладки, но он будет печатать для тех, кто имел данные. В приведенной мной ссылке написано:

Если данных нет, снимок вернет false, когда вы вызываете exist (), и null, когда вы вызываете val () для него.

Я думаю, что это поможет вам найти, где проблема.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...