iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 12
0
Mobile Development

顏色 countenance APP製作筆記系列 第 12

[Day 12] 建立Firestore資料庫

  • 分享至 

  • xImage
  •  

介紹完信箱註冊後,今天要來使用Firebase提供的Cloud Firestore功能。Cloud Firestore是一個彈性的NoSQL資料庫,適用於App、網頁和後端開發,並且支援多種語言,包含:Swift、Java、Go、Python、Node.js等。透過Cloud Firestore功能,開發人員可以快速、方便的將使用者的資料存入雲端資料庫
參考資料:https://firebase.google.com/docs/firestore

建立Firestore資料庫

參考資料:https://www.youtube.com/watch?v=rvxYRm6n_NM&feature=emb_title

  1. 到Firebase官網點選「Get started」按鈕,並點選先前建立的Firebase專案
    https://ithelp.ithome.com.tw/upload/images/20200924/20130458LWXM8yymsG.png

  2. 進入專案後,點選左側選單「Cloud Firestore」按鈕,並點擊右側建立資料庫
    https://ithelp.ithome.com.tw/upload/images/20200924/2013045832bpbXaul3.png

  3. 選擇「測試模式」啟動資料庫後,點擊「繼續」按鈕
    https://ithelp.ithome.com.tw/upload/images/20200924/20130458hKb8nBIWpn.png

  4. 選擇「asia-east2」作為Cloud Firestore位置後,點擊「啟用」按鈕
    https://ithelp.ithome.com.tw/upload/images/20200924/20130458hu1UqZXMpZ.png

  5. 等待過程中請勿操作電腦,若跳回第2步驟畫面,重複2到5步驟重新建置即可,出現以下畫面表示資料庫建置成功!
    https://ithelp.ithome.com.tw/upload/images/20200924/20130458v3Tie5uOSh.png

  6. 「顏色」app中需要在雲端儲存使用者的資料,我們可以透過手動方式儲存。點選左側選單「Authentication」按鈕,右側會出現昨天新增使用者帳號資料,點擊使用者UID後方「複製」圖示按鈕複製此使用者的UID
    https://ithelp.ithome.com.tw/upload/images/20200924/20130458XkfSjGtabD.png

  7. 點選左側選單「Cloud Firestore」按鈕,並點擊右側「新增集合」來創建資料
    https://ithelp.ithome.com.tw/upload/images/20200924/20130458WRjsQDrhy6.png

  8. 創建「Users」集合來儲存所有的使用者,並點擊「下一步」按鈕
    https://ithelp.ithome.com.tw/upload/images/20200924/20130458y8vIk2rjYb.png

  9. 將複製的使用者UID貼到文件ID欄位,並於文件底下的欄位輸入「Nickname」、類型選擇「string」、值輸入「Nick」。完成後點擊「儲存」按鈕
    https://ithelp.ithome.com.tw/upload/images/20200924/20130458hZRHQvkMap.png

  10. 這樣就成功將「test@t.com」的帳號的暱稱「Nick」資料存到Cloud Firestore資料庫中!
    https://ithelp.ithome.com.tw/upload/images/20200924/20130458cjtQDaLIrH.png

  • 集合:類似資料夾的概念,「顏色」app中需要創建許多使用者,因此先建立一個「Users」的集合儲存不同的使用者文件
  • 文件:類似檔案的概念,當每個使用者在註冊帳號時,會生成專屬的「使用者ID」,透過使用者ID作為文件名稱可區分不同使用者。文件中除了可以包含欄位,也可包含集合
  • 欄位:儲存資料,可設定欄位名稱、類型和實際的值。範例中的使用者暱稱為「Nick」,因此新增一個名為「Nickname」的欄位,並設定為字串型別,最後將「Nick」值放入

6到10步驟是開發人員手動新增使用者資料,但通常使用者資料是使用者使用app期間自動新增,因此需要於Xcode中撰寫資料儲存程式。在明天的文章中,會示範如何從Xcode存取Cloud Firestore資料


上一篇
[Day 11] Firebase使用者帳號設定
下一篇
[Day 13] Firestore資料存取
系列文
顏色 countenance APP製作筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言