昨天完成了 Firebase & Cloud Firestore 的設定與配置，今天來試著寫資料到雲端資料庫看看！

在寫入資料前，可以先思考資料的結構，可以參考 Choose a data structure ，裡面說明了幾個資料結構與應用

新增資料

首先，若要新增資料到 Cloud Firestore 的資料庫有兩種方式，可以手動建立，也可以使用程式寫入。

• 手動建立，回到昨天建好的 Cloud Firestore 資料庫，點擊 Start a collection ，輸入集合的名稱、文件id、Field 就可以建立了，Field 可輸入多個。
  

• 使用 setDoc() 建立，如果要用程式建立或複寫資料進資料庫，可以使用此方法。下列範例設立一個資料庫集合 users，並在 VIP 文件中建立。如果這個文件不存在就會建立一個新的，如果已經存在則會覆蓋

    <script setup>
    import db from "../db/firebase";
    import { doc, setDoc } from "firebase/firestore"; 
    import { onMounted } from "vue";
  
    onMounted(() => {
        setDoc(doc(db, "users", "VIP"), {
            name: "Ann",
            age: "20",
            city: "Taipei"
        });
    });
    </script>
  
  

  

• 如果不確定文件是否存在，可以開啟合併的選項，以免覆蓋文件。

    <script setup>
    import db from "../db/firebase";
    import { doc, setDoc } from "firebase/firestore"; 
    import { onMounted } from "vue";
  
    onMounted(() => {
        setDoc(doc(db, "users", "member"), {
            name: "Jan",
            age: "25",
            city: "Taipei",
            merge: true
        });
    });
    </script>