Firebase 实时数据库不在 html 中显示

Question

我有一个 Firebase 实时数据库，我试图在 html 页面上显示它的任何内容。 我似乎无法让它做任何事情。 我将权限设置为完全开放，并且遵循了几个教程，但仍然一无所获。

<html>
  <head>
    <meta charset="utf-8"/>
    <title>Firebase example</title>
  </head>
  <body>
    <h1>Firebase example</h1>
    <pre id='data'></pre>

<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-database.js"></script>

<script>
  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  var firebaseConfig = {
    apiKey: "*",
    authDomain: "*",
    databaseURL: "*",
    projectId: "*",
    storageBucket: "*",
    messagingSenderId: "*",
    appId: "*",
    measurementId: "*"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

  var ref = firebase.database().ref();
  ref.on("value", function(snapshot){
    output.innerHTML = JSON.stringify(snapshot.val(), null, 2);
  });

  </script>
  </body>
</html>

如果我在那里发出警报，我可以看到代码似乎失败了

var ref = firebase.database().ref();

但我不知道为什么。 有人可以扔我骨头并指出我正确的方向吗？ 如果我能达到它显示所有内容的地步，我可以从那里弄清楚，但我在这一点上没有取得任何进展，并且真的可以使用一些指导。

Answer 1

首先，删除它。 它很旧，没有必要：

<script src="https://www.gstatic.com/firebasejs/3.3.0/firebase.js"></script>

其次，您需要为实时数据库 API 添加一个包含脚本。 它的版本必须与您为 firebase-app 添加的版本相匹配。

<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.1.1/firebase-database.js"></script>

最值得关注的是文档。 坚持这一点，因为旧教程会给出与文档中正确信息相冲突的糟糕建议。

Firebase 实时数据库不在 html 中显示

问题描述

1 个解决方案

解决方案1
0 2020-11-27 02:47:45

Firebase 实时数据库不在 html 中显示

问题描述

1 个解决方案

解决方案1 0 2020-11-27 02:47:45

解决方案1
0 2020-11-27 02:47:45