Add Firebase v9 to your JavaScript App in 10 mins

In this Firebase version 9 tutorial, you’re going to learn how to add Firebase to your JavaScript web apps.

This will be the very first step that you need to get started with Firebase.

In order to use Firebase V9 in your web app, you’ll need to


This content originally appeared on DEV Community and was authored by Raja Tamil

In this Firebase version 9 tutorial, you’re going to learn how to add Firebase to your JavaScript web apps.

This will be the very first step that you need to get started with Firebase.

In order to use Firebase V9 in your web app, you’ll need to

  1. Create A Firebase Project
  2. Register App for web
  3. Add Firebase SDK 9 to the JavaScript web app

1. Create A Firebase Project From Firebase Console

  • Go to the Firebase ConsoleGo to the console or Sign in button at the top right.
  • Log in with your Gmail account.

alt text

  • Once you’re logged in, click the Add Project button to create a brand new Firebase project.

alt text

  • Give it a project name of your choice and click continue.

alt text

  • Turn off Enable Google Analytics for this Project and click Create Project.

alt text

  • It will take a few seconds to complete the creating a project process.

alt text

  • Click continue and it’ll take you to the Firebase Project Dashboard.

alt text

2. Register App

The Firebase Project Dashboard offers to register an app for five different platforms:

  • iOS
  • Android
  • Web
  • Unit, and
  • Flutter

Let’s Register an app for Web (JavaScript).

  • Click on the Web icon (</>) which opens up Add Firebase to your web app page.

alt text

  • Give it an App Nickname and Click Register app.

alt text

3. Add Firebase SDK to Your Web App

Adding Firebase to your JavaScript web app is a two-step process:

  1. Install Firebase SDK
  2. Add Firebase SDK Initialization Code

Firebase offers two ways to install Firebase SDK to your **web **project.

  • Use npmInstall Firebase SDK using NPM (Node Package Manager) by issuing the npm install firebase command (Node JS).

alt text

  • Use a script tagInstall Firebase SDK using CDN (Content Delivery Network) by adding the following code right above the ending body tag.

alt text

At this stage, you’re ready to use any of the Firebase services to your JavaScript web app.


This content originally appeared on DEV Community and was authored by Raja Tamil


Print Share Comment Cite Upload Translate Updates
APA

Raja Tamil | Sciencx (2023-02-25T19:04:07+00:00) Add Firebase v9 to your JavaScript App in 10 mins. Retrieved from https://www.scien.cx/2023/02/25/add-firebase-v9-to-your-javascript-app-in-10-mins/

MLA
" » Add Firebase v9 to your JavaScript App in 10 mins." Raja Tamil | Sciencx - Saturday February 25, 2023, https://www.scien.cx/2023/02/25/add-firebase-v9-to-your-javascript-app-in-10-mins/
HARVARD
Raja Tamil | Sciencx Saturday February 25, 2023 » Add Firebase v9 to your JavaScript App in 10 mins., viewed ,<https://www.scien.cx/2023/02/25/add-firebase-v9-to-your-javascript-app-in-10-mins/>
VANCOUVER
Raja Tamil | Sciencx - » Add Firebase v9 to your JavaScript App in 10 mins. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/02/25/add-firebase-v9-to-your-javascript-app-in-10-mins/
CHICAGO
" » Add Firebase v9 to your JavaScript App in 10 mins." Raja Tamil | Sciencx - Accessed . https://www.scien.cx/2023/02/25/add-firebase-v9-to-your-javascript-app-in-10-mins/
IEEE
" » Add Firebase v9 to your JavaScript App in 10 mins." Raja Tamil | Sciencx [Online]. Available: https://www.scien.cx/2023/02/25/add-firebase-v9-to-your-javascript-app-in-10-mins/. [Accessed: ]
rf:citation
» Add Firebase v9 to your JavaScript App in 10 mins | Raja Tamil | Sciencx | https://www.scien.cx/2023/02/25/add-firebase-v9-to-your-javascript-app-in-10-mins/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.