環境準備

Node.js

http://nodejs.org

Firebase 開發工具架構在 Node.js 基礎下, 所以需先安裝好以下套件

https://code.visualstudio.com

為了開發方便你可以安裝你喜歡的程式編輯工具, 如果都沒概念時推薦使用 Microsoft Visual Studio Code.

點選左側的 Hosting 並按下開始使用

利用 npm 安裝 firebase-tools

npm install -g firebase-tools

第一次使用時請下達以下命令, 完成帳號連結。

firebase login

完成上述環境準備後, 接下來就可以開始建立我們的網頁專案了。首先建立一個目錄, 這裡示範名稱為 wfclouddemo。

firebase init

這個範例我們只需要建立網頁專案, 因此在下圖中在 Database 和 Functions 上按空白鍵將綠色圈圈取消, 只留下 Hosting 即可。

接下來選擇連結到我們先前已建立好的專案 WFCloudDemo

再來是設定放置公開檔案的目錄名稱, 這裡預設為 public。所以我們的網頁就是放在 public 這個目錄, 同時會產生一份設定檔 firebase.json。