firebase admin dashboard

用於為 Firebase 應用程式建立管理儀表板的入門項目

輕鬆為您的 Firebase 支援的應用程式建立管理儀表板。例如，您可以建立商家儀表板，用於在使用 Firebase 作為後端的電子商務網站上上傳商品。

專案結構

• 儀表板：包含一個基於 React 的應用程序，該應用程式將使用 Firebase 託管提供服務。它會命中functions夾內定義的 Firebase 雲端函數api 。
• 函數：包含一個api雲函數，它基本上是您的應用程式的基於 Express 的 API。您在這裡編寫所有受保護的業務邏輯。

設定

1. 將您的 Firebase 專案名稱放入.firebaserc中。

2. 在 Firebase 上為 JWT 令牌設定密鑰。

   firebase functions:config:set auth.secret= " <YOUR_SECRET> "

3. cd 到functions夾並運行

   yarn install

4. 對於每個管理員用戶，執行 npm 腳本

   yarn run passwdgen < username > < password >

   並遵循進一步的指示。

5. cd 到dashboard資料夾並運行

   yarn install

6. 在dashboard/src/globals.js檔案中，在 API_URL 中設定本地和生產雲端函數端點。若要取得這些值，請執行：

   對於本地

   firebase serve --only functions

   用於生產

   firebase deploy

偵錯

1. 下載專案的服務帳戶金鑰.json檔案並將其匯出到環境變數中。

    set GOOGLE_APPLICATION_CREDENTIALS= < path_to_json_file > /serviceAccountKey.json

2. 取得伺服器上設定的 Firebase 環境變數的副本，以便在本機上執行函數。從functions資料夾中，運行

   firebase functions:config:get > .runtimeconfig.json

3. 在本地運行函數

   firebase serve --only functions

4. cd 到dashboard資料夾並運行

   yarn start

部署

運行deploy.sh 。

幫助

如果您遇到問題，請開啟一個新問題或寫信給我：[email protected]。