[架站] Firebase 入門教學:從零開始打造免費 Firestore 網頁應用
如果你是剛踏入 Web 開發的初學者,卻希望快速做出「有後端、有資料庫」的網站,那麼 Firebase 是最值得開始的工具之一。本篇文章會用最白話的方式,帶你理解 Firebase 是什麼,並一步一步建立一個 完全免費的 Firestore 網頁應用 。 什麼是 Firebase? Firebase 是 Google 推出的雲端開發平台,提供完整的後端服務(Backend as a Service, BaaS)。 它最大的優勢是: 不需要自己架設伺服器 不需要管理資料庫 前端就可以直接操作資料 提供免費方案(Spark Plan) Firebase 可以幫你完成: 即時資料庫(Firestore) 使用者登入系統 網站託管 Hosting 推播通知 分析與監控 簡單說: Firebase = 幫你把後端全部準備好 什麼是 Firestore? Firestore 是 Firebase 提供的雲端 NoSQL 資料庫。 特色: JSON 結構儲存資料 即時同步 可直接從前端存取 免費額度很夠初學者使用 Firestore 資料結構: Collection(集合) └─ Document(文件) └─ Fields(欄位) 免費方案可以用到什麼? Firebase 免費 Spark Plan 提供: Firestore 50,000 次讀取/天 20,000 次寫入/天 Hosting 靜態網站 基本登入功能 做學習專案完全足夠。 開始實作:建立 Firestore 網頁應用 Step 1:建立 Firebase 專案 前往 Firebase Console 點擊「建立專案」 輸入專案名稱,例如: firestore-demo 關閉 Google Analytics(可省略) 建立完成 Step 2:建立 Web App 進入專案首頁 點擊「</> Web」圖示 輸入 App 名稱 不要勾選 Hosting(之後再做) 取得 Firebase SDK 設定 你會看到類似這...