The steps I use for a professional Firebase set up with Emulators in Angular

In this video we walk through how to quickly set up a professional development environment in an Angular and Firebase project including using the Firebase Emulator Suite for local development.

0:00 Introduction
0:55 Installing @angular/fire
3:02 Setting up emulators and Firestore
7:00 Configuring emulators for dev/prod
9:44 Using the emulators
11:35 Adding a start script
12:34 Testing
12:59 Conclusion

#ionic #angular #firebase

[rhegde]

Real good simple and most important "end-to-end" example. Loved it Joshua!

[kaibe]

Mate, fellow aussie here. Thank you so much for this - my god there's so much here to setup and configure, I can see running this solo and learning it all would be a real time sink. Thank you!

[stevenaschoff]

I may be an idiot, but I followed this to the letter and my app is not using the emulators. So strange. Everything looks like it should logically work, yet when I fire up the app and do things like sign up a user, I'm hitting my live database. No compile errors and I am using the useEmulators flag from environment variables in app.module ... not sure what else I could be missing. So puzzling. Is there some special way I am suppose to get the auth instance in my service?
Update: I had to use the providers for all of the emulators. The connectoXXXEmulator just did not work using the provide methods in the imports section. I am using Angular 15 and am using the compat versions of angular-fire. Maybe that is why? Very odd as it all looked like you would think "how could it not work" :) ... Interesting video nonetheless!

[torbenbang]

This is a very good and informative video. What is your prefered way to setup Firebase and angular in a NX project?

[iPururin]

If anyone else getting an error in the CLI around the 4:42 mark, you might need to set your Default GCP resource location again in the Project Settings. It was not saved for me after creating the database, afterwards the CLI was able to continue.

[theanswer]

Hey I get the following error: Firebase: There is no user record corresponding to this identifier. The user may have been deleted.

Do you maybe know how can I resolve this?

I also cloned your repo and just adjusted the firebase config and implemented a simple signIn with email and password.

[debottamupadhyaya]

what is this terminal you are using, I want to setup the terminal like this

[balajeebala]

it's not working for me, my emulators are up running but if I update a document, it is reflected in the firebase console, but not in my emulator

[maxtuzenko]

With this approach I am getting a "NullInjectorError: NullInjectorError: No provider for InjectionToken angularfire2.app.options!". Not sure why. Also, what is the difference between "provideFirebaseApp(() => and