html - 将值更新到 firebase

标签 html firebase firebase-realtime-database

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/

相关文章:

javascript - request.ref 不是函数

javascript - html动态填充的最佳优化方式

java - 获取参数始终为空

firebase - 在 Firebase 数据库管理中根据条件/子值删除所有数据的好方法?

javascript - 如何从 Firebase 数据库检索数据?

java - 如何获取文档中数组的索引

javascript - 单击编辑按钮时无法显示编辑表单?

PHP/CSS : Fix the table, td 大小,虽然 td 处的文本太长

ios:将数据发布到 Firestore 时遇到问题

ios - iOS 中的 CleverTap 通知设置