Firebase寫入數據

在本章中,我們將向演示如何將數據保存到Firebase。

設置

set方法將寫入或替換指定路徑上的數據。 讓我們創建一個引用players收集和設置兩個運動員數據信息。

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>FireBase Example</title>
        <script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
        <script>
          // Initialize Firebase
          var config = {
            apiKey: "AIzaSyAOSPYpgn7T_bKa6VbCaSeQlsw-3p3zqDs",
            authDomain: "yiibai-firebase.firebaseapp.com",
            databaseURL: "https://yiibai-firebase.firebaseio.com/",
            projectId: "yiibai-firebase",
            storageBucket: "yiibai-firebase.appspot.com",
            messagingSenderId: "334522625008"
          };
          firebase.initializeApp(config);
          var playersRef = firebase.database().ref().child('players');
          // console.log(playersRef);
          playersRef.set ({
           John: {
              number: 1,
              age: 30
           },

           Amanda: {
              number: 2,
              age: 20
           }
        });
        </script>
    </head>
<body>

執行上面示例代碼,得到以下結果 -

Firebase寫入數據

更新

我們可以用類似的方式更新Firebase數據。 注意我們如何使用players/john路徑。

<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8" />
        <title>FireBase Example</title>
        <script src="https://www.gstatic.com/firebasejs/4.9.1/firebase.js"></script>
        <script>
          // Initialize Firebase
          var config = {
            apiKey: "AIzaSyAOSPYpgn7T_bKa6VbCaSeQlsw-3p3zqDs",
            authDomain: "yiibai-firebase.firebaseapp.com",
            databaseURL: "https://yiibai-firebase.firebaseio.com/",
            projectId: "yiibai-firebase",
            storageBucket: "yiibai-firebase.appspot.com",
            messagingSenderId: "334522625008"
          };
          firebase.initializeApp(config);
          var johnRef = firebase.database().ref().child('players/John');
          // console.log(playersRef);
         johnRef.update ({
           "number": 1010
        });
        </script>
    </head>
<body>

執行上面示例代碼,得到以下結果 -

Firebase寫入數據