Skip to content

FirebaseAccountSetting

yobssarG m'I edited this page Nov 18, 2019 · 12 revisions

Lottery 抽獎程式

Firebase 設定方式

連線至 https://firebase.google.com/
登入 google 帳號 (沒有 google 帳號 or 不想用自己 google 帳號的,請自行申請新的帳號)
登入 Google 帳號

按下 "Get Start"
Get Start

選擇 "新增專案"
新增專案

輸入專案名稱
輸入專案名稱

按下「繼續」
按繼續

設定 Google Analytics
設定GA

一個 Firebase 專案就降子建立完畢了…按「繼續」
專案建好了

點選 開發(DEVELOP) -> Authentication
Authentication

選擇 "設定登入方式"
在"電子郵件/密碼"項目按下編輯圖示(一支筆)
然後啟用→儲存,如下圖:
啟用 email 認證

往下捲到 OAuth 重新導向網域設定…
按下新增網域→加入 grassboy.github.io → 新增,如下圖:
OAuth 設定

點選"使用者"分頁
新增使用者→指定要登入 firebase 的 email 和 密碼 → 按下"新增使用者"
新增使用者

設定備援系統資料庫 點選 開發(DEVELOP) -> Database 一開始看到的 Cloud Firestore,別理它,直接往下捲 ignore Firestore

找到「您也可以選用「Realtime Database」」 點選「建立資料庫」 Database

選「以鎖定模式啟動」 DB mode

接下來我們要來訂 Database 的規則,點到「規則」分頁 DB Rules

把原本的規則換掉,換成下列規則

{
  "rules": {
    ".read": "auth != null",
    ".write": "auth != null"
  }
}

換完後按下發佈 Announce Rule

這時候你已完成了 Firebase 端的設定,接下來要把設定值丟給尾牙抽獎程式…

設定抽獎程式

請先在 Firebase 後台開啟 "Project Overview" 那頁
project overview

點選"將 Firebase 加入您的網路應用程式"
Firebase Web

輸入應用程式名稱:
Firebase 設定

送出後會顯示一段程式碼,這是要貼到抽獎程式的設定:
Firebase 設定

打開抽獎程式→進行系統設定
系統設定

捲到「Firebase 設定部分」,把 Firebase 的設定填入
設定 Firebase
注意:上方 email 的部分是先前新增給 Firebase project 的 email

按下「匯出設定檔」→ 下載 config.js→蓋掉原本的 lottery/javascript/config.js 即可套用新的設定

套用新的設定之後,按下「啟動系統」,第一次他可能會問該 email 的密碼,輸入完密碼後,
如果他沒有提示「目前位於 demo 模式下...」,而直接回「登入成功」
恭喜您,您已完成 Firebase 備援機制的設定

Clone this wiki locally