剛好學

Firebase 配置生成器

快速上手：只需一個步驟！直接從 Firebase Console 複製配置代碼，貼上下方文本框，點擊生成即可下載您的專屬應用程式。

🔧 建置主程式資料庫設定(Firebase)

本系統需要連接到 Google Firebase 資料庫才能運作，您需自行按照本說明完成建置後，才可正常使用。這能確保所有課堂資料（如學生答案）都保存在您自己的空間，確保資料的隱私與所有權。

注意：此為必要設定步驟，需要您具備基本的 Google Firebase 操作知識。若未完成此設定，系統將無法使用。

1 建立 Firebase 專案

• 前往 Firebase Console（超連結）
• 點擊「新增專案」並依照指示完成建立

2 啟用必要服務

Authentication (驗證)

在專案左側「建構」中找到「Authentication」，點擊「開始使用」，進入「登入方式」分頁，並「啟用」「匿名」登入方式。

Firestore Database (資料庫)

在專案左側「建構」中找到「Firestore Database」，點擊「建立資料庫」後點選「Standard版」，接著下一步位置改成「asia-east1 (Taiwan)」讀取資料才能非常快速，最後選擇以「測試模式」啟動。

3 修改 Firestore 安全性規則 (非常重要！)

資料庫建立後，在專案左側「建構」中找到 Firestore Database 頁面，點擊上方的「規則」(Rules) 分頁。

將編輯器中的所有內容，替換為以下規則：

rules_version = '2';
service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write: if request.auth != null;
    }
  }
}

這條規則的意思是「允許任何已登入的使用者（包含我們剛才啟用的匿名登入）對資料庫進行讀寫」。

修改完成後，點擊「發佈」(Publish) 來儲存您的新規則。

4 取得您的 Firebase 設定值

① 在 Firebase Console 中，點擊專案首頁左上角的齒輪圖示，選擇「專案設定」。

② 在「您的應用程式」區塊，點擊「新增應用程式」並選擇「網頁」圖示 (</>)。

③ 為您的應用程式命名後，點擊「註冊應用程式」按鈕，您會看到一組 firebaseConfig 設定值。請將它複製下來。

const firebaseConfig = {
  apiKey: "AIzaSy...",
  authDomain: "xxx.firebaseapp.com",
  projectId: "xxx",
  storageBucket: "xxx.appspot.com",
  messagingSenderId: "123456789",
  appId: "1:123456789:web:..."
};

將這段配置代碼複製後，貼到本頁面最上方的文本框，然後點擊「生成並下載」按鈕即可！

下一步：發布您的應用程式到網路上

下載完成後，請將剛剛下載的 index.html 上傳到以下網站即可免費發布您的應用程式：

前往 GitHub Pages 發布工具

上傳後，您將獲得一個公開網址，學生可以直接透過瀏覽器使用您的教學工具！

下一步：啟用 AI 生成題目功能（完全免費）

想要使用 AI 自動生成 PIRLS 閱讀理解題組嗎？前往 Google AI Studio 獲取完全免費的 API Key：

前往 Google AI Studio 獲取 API Key

功能介紹：

✨ AI 智能生成符合 PIRLS 標準的閱讀理解題組
📚 自動根據文章內容產生多層次問題
🎯 支援不同難度與題型的題目生成
💰 完全免費使用 Google 的 Gemini AI 模型

獲得 API Key 後，在應用程式中輸入即可開始使用 AI 生成題目功能！