iT邦幫忙

2025 iThome 鐵人賽

DAY 9
0
Modern Web

FlowNest系列 第 9

Day09_Firebase後端設定02(完成登入頁面)

  • 分享至 

  • xImage
  •  

今日進度

  • Pinia Auth store:useAuth() 寫好 loginWithGoogle / registerWithEmail / loginWithEmail / logout / init。
  • Router:
    /login → pages/LoginView.vue
    /dev(僅開發模式)→ views/DevToolsView.vue
    404 catch-all 放最後。
  • 登入頁完成(UI):Google 一鍵 + Email/密碼表單已可顯示於 http://localhost:3000/login
    (尚未把資料寫入 Firestore,留到明天。)
    https://ithelp.ithome.com.tw/upload/images/20250920/2016840664TIKXLGsz.png

今天新增的檔案

pages/LoginView.vue
views/DevToolsView.vue
dev/seed.ts 

明日目標

  • /login 接上 Emulator:完成 Email/密碼 註冊→登入 流程並顯示使用者狀態
  • /dev 實作「一鍵種假資料」與三個查詢(tasks / posts / messages),必要時補 firestore.indexes.json。
  • 部署/驗證 Firestore Security Rules 與 Indexes。
  • 開始 tasks 的最小 CRUD(新增→列表→完成切換),全程先對Emulator驗收。

上一篇
Day08_Firebase 後端設定(完成登入方式)
下一篇
Day10_資料成功寫進Firestore Emulator:8080
系列文
FlowNest17
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言