【问题标题】:Trouble displaying data from firebase无法显示来自 firebase 的数据
【发布时间】:2017-11-20 00:52:37
【问题描述】:

我想将一些来自 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>

【问题讨论】:

  • 你想要你的数据在哪里?请检查控制台(crtl + shift + i),看看你是否得到了正确的数据,因为你正在控制台中记录它
  • 代码有什么问题?运行时浏览器的 JavaScript 控制台中是否显示任何消息?
  • 我不知道控制台功能(我对此很陌生),但这有助于我找出问题所在。正如您正确指出的那样,我只将数据发送到控制台。谢谢您的回复

标签: javascript html firebase firebase-realtime-database


【解决方案1】:

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

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

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

这里是 jsfiddle,所以你可以从我的数据库中查看结果

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

【讨论】:

  • 不安全。在产品中做什么?
  • 不,默认是:"auth != null", 用于生产使用一些内置的身份验证提供程序,或用户/密码(不太好)
猜你喜欢
  • 2017-07-13
  • 1970-01-01
  • 2021-12-03
  • 1970-01-01
  • 2019-12-20
  • 2020-01-01
  • 2020-01-28
  • 2021-11-23
  • 1970-01-01
相关资源
最近更新 更多