The Ultimate Guide for Working with the Firebase Console!

Firebase category image

Here is everything you need to know about working with the Firebase Console. User management, app creation, cost monitoring, and more!

The Firebase Console is the central hub for all Firebase services. Additionally, there are also some project management tasks that can be done with it.

The ultimate guide for working with the Firebase Console explains everything you need to know about the following use cases:

  • Adding apps
    Connect iOS, Android, Web, Unity, or Flutter apps to your Firebase project.
  • Removing apps
    Remove connected apps again.
  • Managing users
    Invite new people, change their roles, or remove them from the project.
  • Switching billing plans
    Prevent costs with the free plan or enable all features and pay for what you use.
  • Monitoring expenses
    Keep track of what service generates what costs.
  • Creating budget alerts
    Get notified when your budget is exceeded.
  • Deleting a Firebase project
    In case you like Azure or AWS more ?

Want More Flutter Content?

Join my bi-weekly newsletter that delivers small Flutter portions right in your inbox. A title, an abstract, a link, and you decide if you want to dive in!

Add apps to a Firebase project

Adding apps to a Firebase project can either be done with the Firebase Console or with the Firebase CLI tools. Here are both ways, so you can choose your preferred one.

Firebase Console

In the Firebase Console, click on the gears icon next to the Project overview menu entry in the Firebase menu on the left.

Add new Firebase app step 1: Click on the gears icon in the Firebase Console menu on the left.
Add new Firebase app step 1: Click on the gears icon in the Firebase Console menu on the left.

Then, select Project settings from the popup menu.

Add new Firebase app step 2: Click on the Project settings menu entry.
Add new Firebase app step 2: Click on the Project settings menu entry.

At the bottom you can find your existing apps grouped by platform.

A list of all existing Firebase apps in your current Firebase project.
A list of all existing Firebase apps in your current Firebase project.

To add a new app, click on the button Add app, choose your desired platform, and follow the setup instructions. After that, a new app appears in your list.

Add new Firebase app step 3: Scroll down to the bottom and click on the button Add app.
Add new Firebase app step 3: Scroll down to the bottom and click on the button Add app.
Add new Firebase app step 4: Choose the desired app platform. The available options are iOS, Android, Web, Unity, and Flutter.
Add new Firebase app step 4: Choose the desired app platform. The available options are iOS, Android, Web, Unity, and Flutter.
Add new Firebase app step 5: Follow the instructions of the setup guide.
Add new Firebase app step 5: Follow the instructions of the setup guide.

The available platforms are iOS, Android, Web, Unity, and Flutter.

?

Tip

When you use Flutter, the corresponding iOS, Android, and Web apps will be created automatically. You don’t need to perform the manual steps in the setup guide.

Firebase CLI tools

The Firebase CLI tools offer a way to add new apps to an existing Firebase project. To do so, first log in and select the project to which you want to add apps.

firebase login
firebase projects:list
firebase use <project id>

The firebase login command opens a browser window for authentication. After that, you can get a list of all your projects with the firebase projects:list command. Copy a project id and pass it to the firebase use command to set the active project.

Add new Firebase app with Firebase CLI step 1: Log in your Firebase account with the command firebase login. Then, list your projects with firebase projects:list to get the project ids. Eventually, set the active project with the firebase use command and pass the corresponding project id to it.
Add new Firebase app with Firebase CLI step 1: Log in your Firebase account with the command firebase login. Then, list your projects with firebase projects:list to get the project ids. Eventually, set the active project with the firebase use command and pass the corresponding project id to it.

To create a new project, use the command firebase apps:create and follow the instructions of the assistant.

Add new Firebase app with Firebase CLI step 2: Create a new app with the command firebase apps:create. Choose your desired platform and give the app a name.
Add new Firebase app with Firebase CLI step 2: Create a new app with the command firebase apps:create. Choose your desired platform and give the app a name.

?

Tip

The Firebase CLI only supports iOS, Android, and Web as target platforms!

Remove apps from a Firebase project

In the Firebase Console, click on the gears icon next to the Project overview menu entry in the Firebase menu on the left.

Remove Firebase apps step 1: Click on the gears icon in the Firebase Console menu on the left.
Remove Firebase apps step 1: Click on the gears icon in the Firebase Console menu on the left.

Then, select Project settings from the popup menu.

Remove Firebase apps step 2: Click on the Project settings menu entry.
Remove Firebase apps step 2: Click on the Project settings menu entry.

At the bottom you can find your existing apps grouped by platform.

A list of all existing Firebase apps in your current Firebase project.
A list of all existing Firebase apps in your current Firebase project.

To delete an existing app, select the app from the list and click on the Remove this app button located at the bottom of the page. A confirmation window will appear and once confirmed, the app will be deleted.

Remove Firebase apps step 3: Scroll down to the bottom and click on the button Remove this app.
Remove Firebase apps step 3: Scroll down to the bottom and click on the button Remove this app.
Remove Firebase apps step 4: Confirm the removal by clicking on Remove app permanently
Remove Firebase apps step 4: Confirm the removal by clicking on Remove app permanently

Error

You cannot remove Firebase apps with the Firebase CLI tools. The only way is to use the Firebase Console as described above.

Manage users in a Firebase project

In the Firebase Console, click on the gears icon next to the Project overview menu entry in the Firebase menu on the left.

Manage Firebase users step 1: Click on the gears icon in the Firebase Console menu on the left.
Manage Firebase users step 1: Click on the gears icon in the Firebase Console menu on the left.

Then, select Users and permissions from the popup menu.

Manage Firebase users step 2: Click on the Users and permissions menu entry.
Manage Firebase users step 2: Click on the Users and permissions menu entry.

In this menu you can search for users, add new ones, or edit/remove existing ones.

Use the search field at the top to do a full text search for users. You can enter names, part of the email address, or even search for users with certain rolls.

A list of all existing users in a Firebase project.
A list of all existing users in a Firebase project.

To edit an existing user, click on their name. The row will expand, and you can then edit the user’s role using a dropdown menu.

Manage Firebase users step 3: Click on a user’s name to edit their role from a dropdown menu.
Manage Firebase users step 3: Click on a user’s name to edit their role from a dropdown menu.

To remove an existing user, hover over their name and click on the three dots that appear on the right. Then, select the option Remove member. After you confirm the action, the user will be removed and an email will be sent to them.

Manage Firebase users step 4: Hover over a user’s name, click the three dots on the right, and select Remove member. Confirm the action and the user will be removed afterward.
Manage Firebase users step 4: Hover over a user’s name, click the three dots on the right, and select Remove member. Confirm the action and the user will be removed afterward.

To add a new member, click on the button Add member in the top-right corner. Enter an email address and select a role. You can either choose one of the predefined self-explanatory roles like Owner, Editor, or Viewer or you can assign Firebase roles individually.

The user will receive an email and can access this Firebase project according to the defined role.

Manage Firebase users step 5: Click on the button Add member, enter an email address, set a role, and click on the second Add member button. The user will receive an email and can join the Firebase project.
Manage Firebase users step 5: Click on the button Add member, enter an email address, set a role, and click on the second Add member button. The user will receive an email and can join the Firebase project.

You can also add new users using the Google Cloud Console. While it may appear more complicated than the Firebase UI, it offers more options and allows you to grant rights in greater detail. Just click on the link Advanced permission settings at the bottom to get to the Google Cloud Console.

Manage Firebase users step 6: For advanced permission settings in Google Cloud click the link Advanced permission settings and manage your users with a more powerful UI.
Manage Firebase users step 6: For advanced permission settings in Google Cloud click the link Advanced permission settings and manage your users with a more powerful UI.

Level up your Firebase skills!

Check out my free email course on Firebase fundamentals, and grab your copy of my Firebase ebooks. Start building amazing apps with Firebase today!

Change the current billing plan of a Firebase project

Firebase supports two types of billing plans: Spark and Blaze. Each billing plan covers one Firebase project, so you can have different projects on different plans. By default, you are on the Spark plan.

When using the Spark plan, you won’t have to pay anything for Firebase ever. It’s a free version with a limited resource quota that is suitable for testing and development. However, if you cross a service’s limit, it won’t work until the next billing period. Additionally, some services like Cloud Functions or Extensions cannot be used.

With the Blaze plan, you are charged based on usage. The more you use, the more you pay. All Firebase services are available, but you can still take advantage of the free quota. If you don’t use any resources, you won’t be charged anything.

It is possible to switch billing plans at any time.

Upgrade from Spark to Blaze

By upgrading to the Blaze plan, you can instantly access all Firebase services while still benefiting from the free quota of these services.

Start by going to the Firebase Console and clicking on Upgrade in the bottom left corner.

Firebase plan upgrade step 1: Click on the Upgrade button in the bottom left corner of the Firebase menu
Firebase plan upgrade step 1: Click on the Upgrade button in the bottom left corner of the Firebase menu

Then click on the Select plan button of the Blaze plan.

Firebase plan upgrade step 2: Click on Select plan in the Blaze column to upgrade to the Blaze plan.
Firebase plan upgrade step 2: Click on Select plan in the Blaze column to upgrade to the Blaze plan.

Next, you need to select a billing account. If you do not already have one, you can create a billing account here. After creating a billing account, select it from the dropdown menu and click on Continue.

Firebase plan upgrade step 3: Choose your billing account in the dropdown menu and click on Continue. If you don’t have a billing account, you can create one here.
Firebase plan upgrade step 3: Choose your billing account in the dropdown menu and click on Continue. If you don’t have a billing account, you can create one here.

You can set a budget here and receive email notifications when your costs approach the threshold. However, these notifications are only meant as a reminder, and you will need to take action accordingly. This step is optional and can be completed at a later time.

Firebase plan upgrade step 4: If you want to get notified via email when your expenses exceed a threshold you can set up a budget alert in this step. However, this is optional and you can do it at any time in the future.
Firebase plan upgrade step 4: If you want to get notified via email when your expenses exceed a threshold you can set up a budget alert in this step. However, this is optional and you can do it at any time in the future.

Confirm the upgrade by clicking on Purchase.

Firebase plan upgrade step 5: Review the upgrade and confirm with a click on Purchase.
Firebase plan upgrade step 5: Review the upgrade and confirm with a click on Purchase.

Your upgrade process is completed and you will get an email as notification.

Firebase plan upgrade step 6: The upgrade was successful. A notification email has been sent to you.
Firebase plan upgrade step 6: The upgrade was successful. A notification email has been sent to you.
Downgrade from Blaze to Spark

A downgrade to the Spark plan will prevent access to service like Cloud Functions. Data loss is also possible when your stored files exceed the free quota. So make sure to only downgrade when you have saved your important data. On the other side, your costs won’t increase anymore.

Start by going to the Firebase Console and clicking on Modify in the bottom left corner.

Firebase plan downgrade step 1: Click on the Modify button in the bottom left corner of the Firebase menu
Firebase plan downgrade step 1: Click on the Modify button in the bottom left corner of the Firebase menu

Then click on the Select plan button of the Spark plan.

Firebase plan downgrade step 2: Click on Select plan in the Spark column to downgrade to the Spark plan.
Firebase plan downgrade step 2: Click on Select plan in the Spark column to downgrade to the Spark plan.

Read the details of the downgrade. Make sure that you saved all relevant data because billable resources might be deleted after the downgrade. Confirm the process by writing Downgrade in the text box and click the button.

Firebase plan downgrade step 3: Review the changes and confirm the process by writing Downgrade in the text box. A final click on the Downgrade button completes the process.
Firebase plan downgrade step 3: Review the changes and confirm the process by writing Downgrade in the text box. A final click on the Downgrade button completes the process.

The downgrade process is completed. You will receive a notification email.

Firebase plan downgrade step 4: Your project has been downgraded to the Spark plan and an email confirmation has been sent to you.
Firebase plan downgrade step 4: Your project has been downgraded to the Spark plan and an email confirmation has been sent to you.

Monitor the current costs of a Firebase project

In the Firebase Console, click on the gears icon next to the Project overview menu entry in the Firebase menu on the left.

Firebase Expense Monitoring step 1: Click on the gears icon in the Firebase Console menu on the left.
Firebase Expense Monitoring step 1: Click on the gears icon in the Firebase Console menu on the left.

Then, select Usage and billing from the popup menu.

Firebase Expense Monitoring step 2: Click on the Usage and billing menu entry.
Firebase Expense Monitoring step 2: Click on the Usage and billing menu entry.

The first row displays the current expenses for this month. As a Spark plan user, everything is free and won’t cost you anything. However, if you exceed the free limits, the services will stop working.

For each service, you can see an exact overview of the resources used. This allows you to easily identify areas where you may reach the limits in the current period. Note that data updates occur every 24 hours. This is not a live dashboard!

Firebase Expense Monitoring step 3: Here is an overview of all your services and used resources.
Firebase Expense Monitoring step 3: Here is an overview of all your services and used resources.

To view historical data, select a different month from the dropdown menu in the upper right corner. Please note that while you can see the costs, you will not be able to view the used resources.

Firebase Expense Monitoring step 4: To view older data use the dropdown menu on the right to select another billing period. However, you can only see the costs and not the used resources of older periods.
Firebase Expense Monitoring step 4: To view older data use the dropdown menu on the right to select another billing period. However, you can only see the costs and not the used resources of older periods.

If you want to receive notifications when costs exceed a certain threshold, consider setting up a budget alert. In this way, you can take countermeasures to reduce costs.

Create budget alerts for Firebase projects

In the Firebase Console, click on the gears icon next to the Project overview menu entry in the Firebase menu on the left.

Firebase budget alert step 1: Click on the gears icon in the Firebase Console menu on the left.
Firebase budget alert step 1: Click on the gears icon in the Firebase Console menu on the left.

Then, select Usage and billing from the popup menu.

Firebase budget alert step 2: Click on the Usage and billing menu entry.
Firebase budget alert step 2: Click on the Usage and billing menu entry.

Next, switch to the Details and settings tab.

At the bottom you can create a budget alert by clicking on Create first budget. You will be redirected to the Google Cloud Console where all alerts are managed.

Firebase budget alert step 3: Click on Create first budget at the bottom to create a budget alert in the Google Cloud Console.
Firebase budget alert step 3: Click on Create first budget at the bottom to create a budget alert in the Google Cloud Console.

Fill out the relevant fields of the scope, define a target amount, and manage additional thresholds as you finish. The only required fields are the name and the amount. All other fields are optional. After a click on the Finish button, your budget alert is active. You can see it in your Firebase Console.

Firebase budget alert step 4: Define the scope of the budget alert. By default, all services are selected and it is enough to enter a name for the budget. Continue by clicking on the Next button.
Firebase budget alert step 4: Define the scope of the budget alert. By default, all services are selected and it is enough to enter a name for the budget. Continue by clicking on the Next button.
Firebase budget alert step 5: Enter a target amount for your budget. On the right you can see your current costs for orientation. Click on the Finish button to complete the process or the Next button to define the alerting process in detail. By default, you will receive an email when your costs come near the threshold.
Firebase budget alert step 5: Enter a target amount for your budget. On the right you can see your current costs for orientation. Click on the Finish button to complete the process or the Next button to define the alerting process in detail. By default, you will receive an email when your costs come near the threshold.
Firebase budget alert step 6: In this optional step you can define further alerting thresholds and other options. Click on the Finish button after the changes.
Firebase budget alert step 6: In this optional step you can define further alerting thresholds and other options. Click on the Finish button after the changes.
Firebase budget alert step 7: Your budget alert was successfully created.
Firebase budget alert step 7: Your budget alert was successfully created.

You can also create a budget alert when switching from the Spark to the Blaze plan.

Delete a Firebase project

In the Firebase Console, click on the gears icon next to the Project overview menu entry in the Firebase menu on the left.

Delete a Firebase project step 1: Click on the gears icon in the Firebase Console menu on the left.
Delete a Firebase project step 1: Click on the gears icon in the Firebase Console menu on the left.

Then, select Project settings from the popup menu.

Delete a Firebase project step 2: Click on the Project settings menu entry.
Delete a Firebase project step 2: Click on the Project settings menu entry.

At the bottom of the page, there is a Delete project button. Clicking on it will open a confirmation window, where you need to select multiple checkboxes before finally deleting the project.

Delete a Firebase project step 3: Scroll to the bottom of the page and click on Delete project.
Delete a Firebase project step 3: Scroll to the bottom of the page and click on Delete project.
Delete a Firebase project step 4: Activate all checkboxes and confirm the deletion by clicking the button Delete project.
Delete a Firebase project step 4: Activate all checkboxes and confirm the deletion by clicking the button Delete project.

Error

You cannot delete a Firebase project with the Firebase CLI tools. The only way is to use the Firebase Console as described above.

Conclusion

With the ultimate guide for working with the Firebase Console you should be able to cover all management tasks for Firebase projects.

Additional resources

Here are some additional resources about Firebase in case you want to dive deeper into the topic.

Firebase Cloud Functions

Your all-in-one toolbox to building serverless infrastructures in the cloud. Write once and scale to infinity!

Firebase Cloud Storage

Upload and download user-generated content like on a file system. Firebase Cloud Storage makes file handling simple!

Firebase Remote Config

Real-time feature toggles or A/B testing are typical use cases of Firebase Remote Config. Learn how to implement them now!

Firebase Console

Learn how to manage projects, apps, users, billing plans, and costs with step-by-step guides in the Firebase Console.

Firebase Cloud Firestore

Learn about Firebase Firestore and write mobile apps with the power of a modern and fast NoSQL database.

Firebase Authentication

Implement email/password authentication or use social providers like Google, Microsoft, and Facebook for your apps!

Firebase Hosting

Host your web apps, microservices, dynamic, and static content with this powerful yet simple solution from Firebase!


Want More Flutter Content?

Join my bi-weekly newsletter that delivers small Flutter portions right in your inbox. A title, an abstract, a link, and you decide if you want to dive in!