从 HTML 写入 Firebase 数据库答案

【问题标题】：Writing to Firebase Database from HTML从 HTML 写入 Firebase 数据库
【发布时间】：2019-07-03 21:28:10
【问题描述】：

我正在尝试将一些数据从 html 写入 Firebase。这个过程有效；但是，有时我会收到 503 错误，有时还会收到“弃用”通知，而且，当我单击“提交”时，有时在提交完成之前会有很长的延迟。是写对了还是流程不对？

  <script src="https://www.gstatic.com/firebasejs/6.2.4/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/6.2.4/firebase-firestore.js"></script>
  <script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-database.js"></script>
  <script src="https://www.gstatic.com/firebasejs/4.1.2/firebase.js"></script>

 <script>
     var firebaseConfig = {
         apiKey: "AIzaSy333333CoLQMOkxO3rYLiywsrib6nCOWFBZv_xI0",
         authDomain: "dem33333otestingdata.firebaseapp.com",
         databaseURL: "https://dem33333otestingdata.firebaseio.com",
         storageBucket:"dem33333otestingdata.appspot.com",
     };
     firebase.initializeApp(firebaseConfig);

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

      </script>
      <h1>User Databse</h1>
      <input type="text" placeholder="name" id="nameField">
      <input type="text" placeholder="age" id="ageField">

      <button onclick = "writeData()">Submit</button>

【问题讨论】：

标签： html firebase firebase-realtime-database

【解决方案1】：

请尝试从您的 HTML 文件中删除此 script 标记，因为它已被弃用

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

并替换以下内容

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

使用最新的 CDN

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

【讨论】：