技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2025 iThome 鐵人賽
DAY
9
0
Modern Web
FlowNest
系列 第
9
篇
Day09_Firebase後端設定02(完成登入頁面)
17th鐵人賽
小保
2025-09-20 20:00:57
89 瀏覽
分享至
今日進度
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,留到明天。)
今天新增的檔案
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
系列文
FlowNest
共
30
篇
目錄
RSS系列文
訂閱系列文
0
人訂閱
26
Day26_滿版播放器與介面改版
27
Day27_3D模組延遲載入與建置修正
28
Day28_生成頭像功能+登入動畫
29
Day29_整體架構與資料流總覽
30
Day30_最後一天收尾
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19856
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
防火牆fortinet只開放line 問題
Gem如何找到該功能?!我是Gemini付費使用者
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
照片破圖或是有損壞,如何修復?
熱門回答
防火牆fortinet只開放line 問題
中華電信光纜當骨幹...SWminigbic無法正常使用
我在做 packet tracer 的題目,想請問一下該怎麼做
dhcp 在client 端機碼設定的問題
熱門文章
Agentic AI 開發實戰:我是如何設計 “Code + LLM” 混合架構,解決 AI品質不穩的問題?
[gem5] 該怎麼編譯以及運行 gem5 ?
讓人受益終身的 9 種數據分析思維
【C++學習筆記】01《從零學習C++,跟世界打招呼吧!》
數位轉型是什麼?從定義、三階段到成功案例一次看懂
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}