Firebase 实时数据库：无法从 Firebase 数据库发送或检索数据

debugcn 发表于 Dev

乔科·托雷斯

我需要实时数据库方面的帮助：我无法从 HTML 页面向 Firebase 发送或检索数据。

HTML：

<head>
</head>

<body>

<script src="https://www.gstatic.com/firebasejs/6.3.3/firebase-app.js"></script>
<script>
var firebaseConfig = {
    apiKey: "AIzaSyAQqSYXa-TRHGQwx_Cz9mpg2dreT38tq6k",
    authDomain: "miparada-e0e6c.firebaseapp.com",
    databaseURL: "https://miparada-e0e6c.firebaseio.com",
    projectId: "miparada-e0e6c",
    storageBucket: "miparada-e0e6c.appspot.com",
    messagingSenderId: "331834990091",
    appId: "1:331834990091:web:a1a7925f63be5faf"
};
 firebase.initializeApp(firebaseConfig);

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

</script>

<h1>User Database</h1>
<input type = "text" placeholder = "name" id = "nameField">
<input type = "text" placeholder = "age" id = "ageField">
<button onclick = "writeData">SUBMIT</button>

</body>

我没有得到任何结果。

编码埃德加

您正在使用 Firebase SDK 的部分导入，您需要导入实时数据库以及文档中所述，并正确调用该函数（带括号）。

<head>
</head>

<body>

    <script src="https://www.gstatic.com/firebasejs/6.3.3/firebase-app.js"></script>
    <!-- import the real time database SDK -->
    <script src="https://www.gstatic.com/firebasejs/6.3.3/firebase-database.js"></script>

    <script>
        var firebaseConfig = {
            apiKey: "AIzaSyAQqSYXa-TRHGQwx_Cz9mpg2dreT38tq6k",
            authDomain: "miparada-e0e6c.firebaseapp.com",
            databaseURL: "https://miparada-e0e6c.firebaseio.com",
            projectId: "miparada-e0e6c",
            storageBucket: "miparada-e0e6c.appspot.com",
            messagingSenderId: "331834990091",
            appId: "1:331834990091:web:a1a7925f63be5faf"
        };
        firebase.initializeApp(firebaseConfig)

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

    </script>

    <h1>User Database</h1>
    <input type="text" placeholder="name" id="nameField">
    <input type="text" placeholder="age" id="ageField">
    <!-- call the function with parenthesis -->
    <button onclick="writeData()">SUBMIT</button>

</body>

希望能帮助到你 ;）

另外：注意安全规则，现在任何人都可以读/写您数据库中的任何内容。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。