技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2025 iThome 鐵人賽
DAY
9
0
Modern Web
FlowNest
系列 第
9
篇
Day09_Firebase後端設定02(完成登入頁面)
17th鐵人賽
小保
2025-09-20 20:00:57
79 瀏覽
分享至
今日進度
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
組
累計文章數
19845
篇
完賽人數
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
熱門問題
[Javascript] 非同步執行,如何延緩後面程式的處理 ??
AARQ 通訊協議是?
FortiGate SSLVPN替代方案?
印表機設定 - Epson 690c
Dell or Asus 伺服器,哪牌比較好?
Dell or Asus Storage 或NAS,哪牌比較好?
將硬碟上的 EFI 分割區複製到固態硬碟後,ARM 架構的 Ubuntu Server 無法啟動
SSLVPN 轉 IPSEC VPN 的問題
sdray vigor2927 sslvpn ip設定問題
iT邦幫忙如何搜尋 關鍵字?
熱門回答
FortiGate SSLVPN替代方案?
[Javascript] 非同步執行,如何延緩後面程式的處理 ??
印表機設定 - Epson 690c
Dell or Asus 伺服器,哪牌比較好?
將硬碟上的 EFI 分割區複製到固態硬碟後,ARM 架構的 Ubuntu Server 無法啟動
熱門文章
c++的.h和cpp,放在相同目錄下好,還是頂層就用include,src分開好? [搬運/問答]
台灣職場必學的Excel函數技巧
什麼是四大報表及其組成?完整解析
人工智慧模型 LLM (單一模型) 與 人工智慧代理 AI Agent(人工智慧代理)是什麼?兩者之間的關鍵差異?
別再只是做報表了,真正的人資資料分析是這樣做的
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}