Intro to Use the Firebase emulator to create safe test environments for Angular

Overview of the demo application and tools we'll use

Initialize Firebase emulators in your app

Setup the Firebase authentication emulator

Initialize the Firestore emulator

Overview of the different Firebase cloud functions

When to use the onCall or onRequest Firebase Cloud functions

Get started with Firebase HTTP Cloud Functions

Create and use callable functions with the Firebase function emulator

Watch for changes and trigger functions with the Firestore emulator

Disable Firebase emulators when in production

Import seed data for your Firebase emulators

Local App Development with the Firebase Emulator Suite

Learn how to connect the Firestore emulator and explore it further in the Firebase Emulator Suite.



Instructor: We're going to initialize the Firestore emulator. For that, we're going to go to the file where we initialized Firebase. In my case, this is the app.module file. Then, we're going to look for the Firestore package and we're going add a new function here, it's called connectFirestoreEmulator.

Then, we're going to scroll to our Firestore initialization and we're going to call the connectFirestoreEmulator function. This function is going to take three parameters.

First, it's going to take the Firestore instance that we're using.Then, it's going to take the domain where we are running, -- in our case, this is localhost -- and then it's going to take the port as a number for where Firestore is running in the emulator.

If you don't know which port number we are using, you can go to the Firebase.JSON file, and there you can find firestore. In my case, you see that's 8080. Then I can add it here.

Now when I save my application, all of the calls are going to go through the emulator. For example, we have a demo application here that just adds records to the database. I'm going to click the add button and I'm going to say this is going to be Jorge's birthday.

Guests will pay 50 bucks and they were costing me $700. Then the date is going to be, I don't know, say November. Then I click create event and you can see that I can see it here in the application. If I go into the Firebase emulator suit, you can see here I have the users.

In my user, Jorge@jorgevergara.co, I have a collection named party. In here I can see the document that I just created. If I say, it's not 700. Let's say it's 900 and click save. You can see that if I go into the details of the event, it says 900 now. Ticket costs 50 bucks.

We can also change that and we can say now it's 75. When I click save, you can see that it immediately reloads in the application because all of the calls that we are doing are going against the emulator.

Course

Local App Development with the Firebase Emulator Suite

Initialize the Firestore emulator

Share this video with your friends