【发布时间】: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