可使用 Firebase 內建語法 ref()
尋找資料路徑以及透過 set()
新增資料,而如果不指定路徑給 ref()
的話,路徑會從根目錄開始。記得要在本地端啟動 index.html
,這樣更新資料時才會成功同步更新。
使用前一篇宣告過的變數來進行以下資料新增:
1 | let database = firebase.database(); |
新增資料 set()
輸入下方程式碼新增資料,
firebase.js
1 | database.ref().set("hello"); |
先簡單輸入一個字串,看看是否成功,此時 console 內部會有相關的回應訊息,
主要是要打開 Firebase 的 Realtime Database 看資料變更,此時會看到 Firebase 的內容有出現 'hello'
的字串資料。
只能是物件格式
需要注意一點的是 Firebase 只能使用物件格式新增資料,原本已經新增了一個字串,現在改寫成物件並新增到資料庫。
1 | database.ref().set("hello"); |
此時會發現原本字串資料被覆寫成物件資料了,代表資料的確也被更新了。
更新指定物件位置資料
在更新一筆物件資料如下:
1 | let data = { |
此時也會看到 Firebase 資料更新了,
如果現在的情境想要把 tiger 改成 puma 的話可以這樣寫,
1 | database.ref('zoo2/animal').set('puma'); |
這邊有個地方要注意,如果是在編輯器輸入上方程式碼,資料會被重新覆寫,database 只會出現下方這樣,
但是如果是透過 console
內去執行此段程式碼則會保留原本寫入的物件,只修改指定路徑的資料。