Share and Learn To Write Code!

Programming articles, which help you to build your application. If something you are stuck to code and complete the program, just find here your question-related articles.

Share with   

How to setup firebase account for JavaScript web development

Here we see how we can setup firebase account to use firebase function for real time database or storage or any various operation for web development.
Firebase   Javascript Framework   Javascript   Angular  

Firebase


Introduction


Firebase gives you the tools to develop high-quality apps, grow your user base, and earn more money. We cover the essentials so you can monetize your business and focus on your users.


Setup Firebase Account

Go to Firebase website and login using your email id, when you see given below screen click on Add Project section.


Setup Google Firebase


Enter your project name, accept the terms and condition and click on Create project button.


Firebase setup


Click on your project then you?ll enter in your Firebase dashboard.


Firebase dashboard


Navigate to Develop > Authentication > Web setup then click on the Web setup button, and a popup will appear along with your firebase credentials.


Copy these Firebase credentials, you will have to paste these credentials in your src/environments/enviorment.ts file to make the connection between Firebase and your Angular app.



Setup Firebase Database


Create Database for Student Records Angular App


Firebase offers Real-time Database and Cloud Firestore, for this tutorial we are going to use Real-time Database.


Click on create database button.


Create Database Firebase


For the demo purpose we will be using Start in test mode security rules option and click on enable button.


Firebase Security Rules


After that, we will see the database screen click on Cloud Firestore button and select Realtime Database option.


Firebase database screen


Select Realtime Database from the options like given below.


Firebase Data Types


Don?t forget to change your Firebase database rules, go to Database > Rules. Otherwise, you won?t be able to access the data without authentication. Paste these security rules in your Realtime Database?s Rules tab.

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

Note: Don?t forget to change these rules when you are building a real app for your clients.


If you want to use firebase in angular 4+ please follow this article.

0replies
Leave a reply
47
Registerd Users
89
Total Subscribers
59
Total Articles
52652
Total Views