Почему мой интерфейс веб-сайта не может подключиться к базе данных реального времени Firebase? - PullRequest
0 голосов
/ 18 июня 2019

Я пытаюсь создать простой интерфейс, чтобы проверить, могу ли я подключиться к базе данных Firebase в реальном времени или нет. Но, к сожалению, это не работает.

<html>

<body>
  <script src="https://www.gstatic.com/firebasejs/6.2.0/firebase-app.js"></script>
  <script>
    var firebaseConfig = {
      apiKey: "AIzaSyCYidiTYtEPYlO4p1tpCrdPV3Ed726s4TY",
      authDomain: "test-4567f.firebaseapp.com",
      databaseURL: "https://test-4567f.firebaseio.com",
      projectId: "test-4567f",
      storageBucket: "test-4567f.appspot.com",
      messagingSenderId: "683153942498",
      appId: "1:683153942498:web:b6b713ebf4db0658"
    };
    firebase.initializeApp(firebaseConfig);

    function writeData() {
      firebase.database.ref("User").set({
        name: document.getElementById("nameField").value,
        age: document.getElementById("ageField").value
      });
      getData();
    }

    function getData() {
      firebase.database().ref('/').once('value', function(snapshot) {
        snapshot.forEach(function(childSnapshot) {
          var childKey = childSnapshot.key;
          var childData = childSnapshot.val();
          document.getElementById("data").innerHTML = childData['name'] + ", "
          childData['age'];
        })
      })
    }
  </script>
  <h3>Website</h3>
  <br/>
  <input type="text" placeholder="name" id="nameField">
  <input type="text" placeholder="age" id="ageField">
  <button onclick="writeData()">submit</button>
  <p id="data"></p>
</body>

</html>

Мои данные в базе данных пусты, и я не знаю, в чем проблема с моим простым кодом.

Ошибка показала

enter image description here

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