Start the Emulators in Development

Starting the emulators in the development

Open the services/web/firebase/package.json file. We need to change the dev NPM script so that it starts the Firebase emulators.

"scripts": {
  "dev": "firebase emulators:start",
}

Let’s see this in action. In your terminal, navigate to services/web and start the development environment with npm run dev.

Note: If you do not have Java installed, you will be asked to do so, as this is a requirement from the Firebase emulators. You can find the latest version here.

In your browser, open http://localhost:4000 to look at the Firebase Emulator Suite. The Firestore tab displays your posts. Note, the database entries are deleted when you stop the dev server.

Gitpod users

In the Open Ports tab next to the terminal tabs, make sure you click “Make Public” for port 8080. This is so that the web application can connect to the local Firestore emulator.

Quick reminder, to access http://localhost:4000, open two terminal tabs. In the first tab, start Firefox by typing firefox and hit Enter. In the second, start the development server with npm run dev in the services/web ...