无法显示来自firebase的数据

时间:2017-06-17 09:25:05

标签: javascript html firebase firebase-realtime-database

我想将一些来自Firebase的数据提供给网页,并且我正在关注此Firecast:Firebase tutorial

这正是我所需要的,但我无法让它发挥作用。没有数据显示出来。 这是代码:

(function() {

  // Initialize Firebase
  const config = {
    apiKey: "myKey",
    authDomain: "myApp.firebaseapp.com",
    databaseURL: "https://myApp.firebaseio.com",
    projectId: "myId",
    storageBucket: "myApp.appspot.com",
    messagingSenderId: "xxxxxxxxxx"
  };
  firebase.initializeApp(config);

  //Get elements
  const preObject = document.getElementById('object');

//Create refrence
const dbRefObject = firebase.database().ref().child('object');

//Sync object changes
dbRefObject.on('value', snap => console.log(snap.val()));


}());
<!DOCTYPE html
<html>
    <head
         <meta charset="utf-8">
         <title>Test</title>
         <script src="https://www.gstatic.com/firebasejs/live/3.1/firebase.js"></script>
    </head>
    <body>
        Test
        <!-- Value -->
        <pre id = "object"></pre>
        
        <!-- Child -->
       <script src ="App.js"></script>
        </body>
</html>

1 个答案:

答案 0 :(得分:0)

为了能够读取和写入您的数据库,您需要将数据库规则更改为

enter image description here

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

当然,这只是在开发中..

这里是jsfiddle所以你可以看到我数据库的结果

enter image description here

https://jsfiddle.net/mkdizajn/cyg1x709/