Firebase 实时数据库中的值未更新。我是 Web 开发新手,但我了解一点 html。您能检查一下这里出了什么问题吗? 对于这个问题,我故意将 Firebase Config 留空。 我尝试使用 Firebase 文档中给出的大部分代码。
<!DOCTYPE html>
<html>
<head>
<title>"Web App"</title>
</head>
<body>
<div class="mainDiv" align="left">
<h1 align="left">"Firebase web page"</h1>
<textarea id="Command" placeholder="ON/OFF" stClyle="text align:left; overflow:auto; border:6px outset #000000;"></textarea>
<button id="Submit" onclick="submitclick()">Click Me!</button>
</div>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/6.1.0/firebase-app.js"></script>
<!-- TODO: Add SDKs for Firebase products that you want to use
https://firebase.google.com/docs/web/setup#config-web-app -->
<script>
// Your web app's Firebase configuration
var firebaseConfig = {
apiKey: "___________________________",
authDomain: "_________.firebaseapp.com",
databaseURL: "https://___________.firebaseio.com",
projectId: "________",
storageBucket: "_________.appspot.com",
messagingSenderId: "________",
appId: "_____________"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);
var mainTxt= document.getElementById("Command");
var submitbtn = document.getElementById("Submit");
function submitclick()
{
var com = mainTxt.value;
firebase.database().ref().child("username").set(com);
}
</script>
</body>
</html>
最佳答案
查看有关如何将 Firebase 添加到您的 Web/JavaScript 项目的文档:https://firebase.google.com/docs/web/setup
通过做
<script src="https://www.gstatic.com/firebasejs/6.1.0/firebase-app.js"></script>
您正在添加 Firebase 核心库,但是这还不够。您必须为要使用的服务添加库,在您的情况下是实时数据库。
因此你需要这样做
<script src="https://www.gstatic.com/firebasejs/6.1.0/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/6.1.0/firebase-database.js"></script>
请注意以下行
<!-- TODO: Add SDKs for Firebase products that you want to use
在您自己的代码中:它准确指示了上面描述的内容。
关于html - 将值更新到 firebase,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56422556/