How To

Set-up Firebase Project using Firebase Console

Before we Set-up Firebase Project using Firebase Console, we have to know the introduction about Firebase like what is Firebase and Why...

Written by Bikash · 1 min read >

Before we Set-up Firebase Project using Firebase Console, we have to know the introduction about Firebase like what is Firebase and Why we use it on the web and app development. Here are 3 major points to discuss,

  1. What is Firebase?
  2. Why we use Firebase?
  3. Complete Visual Guide to Set-up Firebase Project using Firebase Console
  4. Firebase CLI Set-up
Set-up Firebase Project using Firebase Console and Firebase CLI
Set-up Firebase Project using Firebase Console

What is Firebase?

Firebase is a platform that is used to build and grow your app on a large scale. It also provides some services which normally developers build themselves.

Here are some properties provided by Firebase are, analytics, authentication, databases, configuration, file storage, push messaging, and the list goes on. All these things are hosted on the cloud and scale with little effort by the developers.

Why we use Firebase?

Here are some major thing which makes Firebase important to use,

  • Cloud Messaging: Deliver and receive messages in a more reliable way across platforms
  • Authentication: Already integrated authentications for many services.
  • Hosting: Render content faster
  • Remote Configuration: Customize your app on the go
  • Test Lab: Test in the lab instead of on your users
  • Crash Reporting: Keep your app stable
  • Realtime Database: Store and sync app data in Realtime
  • Storage: File storing made easy

Complete Visual Guide to Set-up Firebase Project using Firebase Console

Go to https://console.firebase.google.com/ and then click on “Create a project”.

Firebase Create a project
Firebase Create a project

Set project name according to your project then check the agree terms checkbox.

Firebase Set Project name
Firebase Set Project name

Now enable google analytics for the project and other services and then continue.

Firebase enable google analytics
Firebase enable google analytics

Select your analytics ID from the dropdown then click on create project button.

Firebase Select analytics ID
Firebase Select analytics ID

Now your project is successfully created. On the next page you can see your project name with a “Continue” button.

Firebase project created
Firebase project created

Now click on the highlighted code icon to setup the firebase SDK for project.

Now we register the App for firebase hosting which we created earlier with a name input also. Then click on “Register app” button.

register the App for firebase hosting
register the App for firebase hosting

Now you can get the Firebase SDK, can be used with the web application.

Firebase SDK

Firebase CLI Set-up

To set up firebase command line interface or CLI you have to install node first.

Here the complete steps to setup firebase CLI set-up.

  • Open Command prompt on your Windows machine or terminal on Linux then, run npm install -g firebase-tools command.
Firebase setup firebase CLI set-up
Firebase setup firebase CLI set-up
  • Now we initialize the firebase project by login in using firebase CLI, run the below commands.
    1. Sign in to Google: firebase login
    2. Initiate your project: firebase init
    3. Deploy your web app: firebase deploy (Put your static files (e.g., HTML, CSS, JS))
initialize the firebase project
initialize the firebase project

Here is the complete Visual Guide to Set-up Firebase Project using Firebase Console and Firebase CLI.

If you have facing any issue please let me know using comments.

Also Check:

Happy Coding..!

Was this article helpful?
YesNo
Written by Bikash
My name is Bikash Kr. Panda. I own and operate PHPCODER.TECH. I am a web Programmer by profession and working on more than 50 projects to date. Currently I am working on the web-based project and all the CMS and frameworks which are based on PHP. Profile

6 Replies to “Set-up Firebase Project using Firebase Console”

Leave a Reply

Your email address will not be published. Required fields are marked *