需要一个示例 html javascript 来使用 Firebase 进行 CRUD 操作答案

【问题标题】：Need one sample html javascript to do CRUD operation using Firebase需要一个示例 html javascript 来使用 Firebase 进行 CRUD 操作
【发布时间】：2020-06-06 03:12:47
【问题描述】：

请有人推荐一个简单的示例来使用 JavaScript 和 html 进行 CRUD 操作。

授权用户登录以外的其他内容。有关如何将集合创建为实时 Firebase 数据库的任何详细信息也可能有所帮助。我无法区分实时和云 firebase 数据库以及要在 firebase 控制台上更改哪些设置。

我使用的是 Windows 10

附件是我试过的一个示例。当我在 chrome 开发人员工具上运行检查时出现此错误。不知道如何解决这个问题。 firebase.js:284 WebSocket 连接到 'wss://s-usc1c-nss-237.firebaseio.com/.ws?v=5&ls=UvtePRbbSq4dLIKosL5wjLMlrd8zhhgf&ns=friendlyeats-31b8f' 失败：连接建立错误：net::ERR_CONNECTION_TIMED_OUT

var firebaseConfig = {
  apiKey: "",
  authDomain: "firebase-keys",
  databaseURL: "firebase-keys",
  projectId: "friendlyeats-31b8f",
  storageBucket: "firebase-keys",
  messagingSenderId: "firebase-keys",
  appId: "firebase-keys",
  measurementId: "firebase-keys",
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);

this.database = firebase.database();

console.log(this.database);

firebase
  .auth()
  .signInAnonymously()
.catch(function (error) {
    // Handle Errors here.
    var errorCode = error.code;
    var errorMessage = error.message;

    console.log("error");
  });

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

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


--database.json.rules
{
  "rules": {
    ".read": true,
    ".write": true
  }
}

--.firebaserc
{
  "projects": {
    "default": "friendlyeats-31b8f"
  }
}

--firebase.json
{
  "database": {
    "rules": "database.rules.json"
  }
}

<html>
  <head>
    <meta charset="utf-8" />
    <script src="https://www.gstatic.com/firebasejs/3.3.0/firebase.js"></script>
    <title>Firebase example</title>
  </head>
  <body>
    <h1>Firebase example</h1>
    <pre id="data"></pre>
    <script src="script.js"></script>
  </body>
</html>

【问题讨论】：

标签： javascript html firebase

【解决方案1】：

快速的谷歌会让你找到这篇文章Learn Firebase CRUD App with Vanilla JavaScript NOW

附：公开发布您的 Firebase 密钥可能不是一个好主意。只需将它们替换为 {firebase-keys} 即可。

【讨论】：