iT邦幫忙

2025 iThome 鐵人賽

DAY 10
0
Modern Web

FlowNest系列 第 10

Day10_資料成功寫進Firestore Emulator:8080

  • 分享至 

  • xImage
  •  

今天的重點只有一件事:完成後的紀錄(sessions)已經能在登入狀態下,直接寫進 Firestore Emulator(埠 8080)。流程跑通、畫面不花俏,但路徑實用。

今日進度

  • 先讓網站「能用再說」:未登入一樣可以倒數、完成;資料先放瀏覽器(localStorage)。
  • 登入後再完成一次,系統就把這筆完成紀錄直接寫到 Emulator(不是雲端)。
  • 如果先前在未登入時累積了本機完成紀錄,登入瞬間會自動同步到 Emulator;我已實測有進資料。

確認方式

  • 開兩個視窗:

    • firebase emulators:start(看到 Firestore 8080、Auth 9099、UI 4000 都啟動)
    • npm run dev → 走 http://localhost:3000
  • /timer 做一輪倒數 → 時間到的那一刻登入帳號或已登入狀態下完成。

  • 打開 Emulator UI:http://localhost:4000

    • 左側看到 sessions 集合;文件內容含 title / minutesPlanned / startedAt / finishedAt / ownerId / source
    • Network 也能看到請求打到 http://localhost:8080,確定不是雲端。
      https://ithelp.ithome.com.tw/upload/images/20250921/20168406S1xW4rrdiG.png

現在的狀態

  • 完成才寫庫:未登入→localStorage;登入→Emulator 8080
  • /login 登入後會自動把本機完成紀錄上傳,之後每次完成都直接寫 Emulator。
  • 沒有碰雲端,安心測。

明天要做

  • /done 做最小列表(時間倒序,登入/未登入自動切資料來源)。
  • 清掉 /setup 的舊任務區塊與所有 tasks 寫庫。
  • 補上 sessions(ownerId + finishedAt desc) 索引與規則驗收。

上一篇
Day09_Firebase後端設定02(完成登入頁面)
下一篇
Day11_增加留言牆&Navbar
系列文
FlowNest17
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言