#1 ⚙️Configuring firebase
Last updated
Was this helpful?
Last updated
Was this helpful?
We will create a project on firebase and configure cloud firestore database for it. We will use this database for our angular application. The steps are shown below.
To create a new project on firebase follow the steps mentioned below.
Navigate to
and login using your Gmail account.
Click on “Create a Project” button.
Enter you project name. You can give any name of your choice. Here we
will use the name ngBlog
.
Accept the terms and click on Continue.
If asked to setup Google Analytics, select “Not right now”
Click on “Create your project”.
Once the project is ready click Continue.
Click on the “Web” icon on the page.
Provide a nickname for your app and click on “Register app”.
Copy the firebaseConfig
object from the <script>
tag.
Paste the following code into 📝src/environments/environment.ts
Similarly, paste the following code into 📝src/environments/environment.prod.ts
You can for workshop purposes these credentials:
Click "Continue to the console" on the Firebase web page.
Navigate to the "Project Overview" page of your Firebase project.
Select “Database” under “Develop” menu from the list on the left.
Click on “Create database” button.
Select “Start in test mode”. Click "Next". Click “Done”
The Cloud Firestore database is now configured for your Firebase project.
⏰ We already installed @angular/fire
in your stackblitz starter.
Now you simply need to import the libraries of AngularFire at the beginning of 📝 app.module.ts
and make them available at the imports-Array as shown below.