iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 28
0
Mobile Development

30天用React native製作app!!系列 第 28

[蚊子的Day28]Firebase指令運用-上傳~React Native

  • 分享至 

  • xImage
  •  

前兩篇講完Firebase網頁端與App端的設定,今天來使用Firebase指令來將資料上傳。

要將資料上傳到firebase的指令為:

firebase.database().ref(目錄).child(子目錄).set(資料)

我上傳的資料有暱稱以及作答完成當下的時間,並且上傳的資料有按照入學年度以及學號做分類,以下是我的程式碼:

firebase.database().ref(parseInt(me.year / 100000) - 1000).child(me.year).set(
{
   "name": me.name,
   "timeStamp": Date.now()
})
  • parseInt(me.year / 100000) - 1000):是將學號換算成入學年度並轉成整數的算式
  • me.year:記錄學號的狀態變數
  • me.name:記錄暱稱的狀態變數
  • Date.now():取得現在時間的函式

之後來提一下我安排資料上傳的時機,因為手機本身就能儲存解任務的情況了,所以我是在使用者解完最後一個任務的時機點把資料上傳到Firebase資料庫的。當完成所有任務後,到網頁的即時資料庫即可看到上傳的資料。
https://ithelp.ithome.com.tw/upload/images/20200926/20129575EGyO8GrqCS.png
*小提示:在網頁的即時資料庫是可以進行資料的手動增減的喔!

資料上傳講到這裡,如果還想知道更多上傳的指令可以參考官方文件,下篇講資料的下載~


上一篇
[蚊子的Day27]Firebase使用-App端的設定~React Native
下一篇
[蚊子的Day29]Firebase指令運用-下載~React Native
系列文
30天用React native製作app!!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言