iT邦幫忙

2024 iThome 鐵人賽

DAY 29
0
佛心分享-IT 人自學之術

從零開始的MySQL開發旅程系列 第 29

Day29 Cloud Firestore 實作練習

  • 分享至 

  • xImage
  •  

這一篇將會練習關於Cloud Firestore的相關寫法練習,基礎用法的概念介紹可以看此系列的Day22 Cloud Firestore 基礎用法

  • Step 1 安装 Firebase

    • npm install firebase
  • Step 3
    https://ithelp.ithome.com.tw/upload/images/20240916/20168759A0WRiohKkc.png

  • Step 2 初始化 Firebase 和 Firestore
    https://ithelp.ithome.com.tw/upload/images/20240916/20168759RWJSB0jMmq.png

  • 新增資料

    • Cloud Firestore會把資料透過建立「集合(users)」來把資料儲存在「文件」(以亂碼作為文件名稱)中
    • 此範例的資料欄位有姓氏(first)、名字(last)、生日(birth)
      https://ithelp.ithome.com.tw/upload/images/20240916/20168759yUf1oMngCR.png
  • 設定set()

    • 用於創建或覆蓋文件
    • 需要指定某一文件的路徑,如果該文件不存在,set()會建立一個文件。如果文件存在的話,則會覆蓋原本內容
    • 集合:shoppingList 文件:item1
    • 此範例的資料欄位有商品類別groceries、商品item、數量quantity、價格price、購買的狀態purchased
       https://ithelp.ithome.com.tw/upload/images/20240916/201687597pFmYVq0Ro.png
    • 加上 {merge: true} 的寫法,不會把原本內容給覆蓋掉
    • 以範例為例,原內容會繼續存在但會加上text: 'buy next time'
      https://ithelp.ithome.com.tw/upload/images/20240916/20168759XCg0qy9UgR.png
  • 刪除 delete()

    • 用於刪除集合或是文件
    • 以範例為例,會刪除文件item1
      https://ithelp.ithome.com.tw/upload/images/20240916/20168759qkJUEe2nNg.png
  • 更新 update()

    • 指定文件中某一屬性來更新,不會整個覆蓋掉文件
    • 此範例將前面例子中的數量與價格更新
      https://ithelp.ithome.com.tw/upload/images/20240916/20168759rBzIJQo7Mf.png
  • 添加 add()

    • 針對集合collection來自動添加文件
    • 此範例為對文件shoopList新增資料
      https://ithelp.ithome.com.tw/upload/images/20240916/20168759Pxq0lXl8mV.png
  • 參考資料


上一篇
Day28 Hosting 實作練習
下一篇
Day30 總結
系列文
從零開始的MySQL開發旅程30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言