資料

通常我們會在firestore裡手動的輸入資料，可以先利用「+新增集合」新增一個集合

產生集合後，可以在集合中利用「+新增文件」新增一筆文件

我們可以輸入文件的ID，也可以點選「自動產生的ID」來產生ID，並且輸入欄位、類型及值，輸入所有欄位之後，點選儲存，就可以新增一筆文件。

接下來，我們會在專案設定中設定應用程式。

設定應用程式前要選定平台，因為我們網頁的形式，所以我們選擇網頁應用程式。

輸入暱稱之後，點選「註冊應用程式」。接下來，依照以下的指示，在我們的開發環境中 (VS Code)設定好環境。

<aside> 📢

為了保護我們的資料庫，設定檔的內容就不放在網頁上，請大家到自己的資料庫中複製設定檔的內容。

</aside>

先在teminal下，安裝套件:

npm install firebase

由於我們需要保護API key，所以，我們把資料放在.env.local

<aside> 📢

為了保護我們的資料表，把API_KEY、MESSAGING_SENDER_ID、APP_ID改為XXXXXX

</aside>

.env.local