本工具需要您使用自己的 Firebase 免費帳號來儲存和同步簡報資料。請依照以下步驟設定:
1. 建立 Firebase 專案
- 前往 Firebase 官方網站 並登入您的 Google 帳號。
- 點擊「建立專案」,輸入專案名稱,接受條款後繼續。
- (可選) 您可以選擇是否啟用 Google Analytics,本工具不需要它。
2. 建立 Web 應用程式並取得設定檔
- 進入您的專案後,在主控台首頁點擊「網頁」圖示 (
</> )。
- 輸入一個應用程式名稱(例如 "My-Presenter"),然後點擊「註冊應用程式」。
- 註冊後,Firebase 會顯示一個
firebaseConfig 物件。這就是您需要的設定值!
- 它會長得像這樣:
const firebaseConfig = {
apiKey: "AIz...Y",
authDomain: "your-project.firebaseapp.com",
projectId: "your-project-id",
storageBucket: "your-project.appspot.com",
messagingSenderId: "123...",
appId: "1:123...:web:abc..."
};
- 請點擊右上角的「設定」按鈕,將
{ 和 } 之間的六行紅色內容貼入設定框中。
3. 啟用 Firestore 資料庫
- 在左側選單中,點擊「建構」 > 「Firestore Database」。
- 點擊「建立資料庫」。
- 選擇「以測試模式啟動」。(這會允許讀寫,但會在 30 天後過期)。
- 選擇離您最近的 Cloud Firestore 位置。
- 點擊「啟用」。
4. 啟用匿名登入
- 在左側選單中,點擊「建構」 > 「Authentication」(驗證)。
- 點擊「開始使用」按鈕。
- 在「登入方式」(Sign-in method) 分頁中,找到「匿名」(Anonymous) 選項。
- 點擊「匿名」,將右側開關切換為「啟用」。
- 點擊「儲存」。
5. (重要) 設定永久可用的安全性規則
預設的「測試模式」將在 30 天後失效。為了讓此工具永久運作,您需要設定精確的規則:
- 在 Firestore 資料庫頁面,點擊上方的「規則」分頁。
- 將編輯器中的所有文字,替換為以下內容:
rules_version = '2';
service cloud.firestore {
match /databases/{database}/documents {
// 此規則允許任何人讀取和寫入 public 路徑下的簡報資料
// 這是為了讓學生端可以匿名存取
match /artifacts/{appId}/public/data/{presentation=**} {
allow read, write: if true;
}
}
}
點擊「發佈」。
✅ 完成!現在您可以使用「設定」按鈕貼上您的 firebaseConfig 並生成專用網址了。
📌 補充說明
- 免費方案額度:Firebase 的 Spark (免費) 方案對於一般教學使用已經非常充足。每月提供 50,000 次讀取、20,000 次寫入,以及 1 GB 儲存空間。
- 資料保存:簡報資料會永久儲存在您的 Firebase 專案中。建議定期使用「匯出簡報 JSON」功能備份重要資料。
- 結束簡報:每次簡報結束後,建議使用教師控制台的「結束並刪除簡報」功能清理雲端資料,以節省儲存空間。
- 多個簡報:建議建立好簡報後立即使用「匯出簡報 JSON」功能保存。您可以建立多個簡報匯出檔,要使用時再透過「匯入簡報 JSON」功能載入需要的檔案即可。