Firebase config

It provides you detail information about the firebase config.

Firebase

This app uses Firebase as a backend to read and write data from the database. In this section, you will find all the steps required for the app set up to get connected with Firebase..‌

Create a Firebase app

First, you should create a free Firebase account and create a new app there. You can visit firebase.google.com and signup or Login. If you have an account you can create a firebase app project. Enter your project Name and Select Region, and it will create a firebase project for you.​‌

Add Firebase to your web app

Once the project gets Created, Navigate into Overview menu on the left side, then you can see Add Firebase to your web app. Latest UI of firebase website may change so our screenshot might look different compared to their new UI, but their link and functionality almost remain the same​‌

Copy app credential

​‌

Above firebase credential you can get from project Setting > General in bottom you can select Add firebase to web app .‌

Once you copy the credential you can replace the current config details in src>app>firebase.config.ts .

Once you update your firebase config, you need to setup Firestore Database. You can click on the database on the Left Menu and click on the button "Create Database" Select Start in test mode & enable it; the database gets created..

​​‌

Here you can create a collection for storing all the docs inside that collection. Once you run our app and change config with yours, it will not show any product over there. You need to add some products from our backend dashboard or import dummy data from our database.‌

There no direct process to import/Export dummy JSON in FireStore like we have firebase realtime database. We have developed a tool there you can add your fireStore account details and our script will copy dummy data from our account to your account .‌

Click on Project overview >project settings >service accounts >generate new private key there your google.services.json file gets downlaoded ..open the downloaded file then go to src>android >app folder there is one google .services,json file paste the contents which ever you copied .‌

Then go to dbshare.ionicfirebaseapp.com login with the credentials paste the file whichever you copied from google.service.json in the source account key and Copy Database from Your Source to Your Destination Account as firestore to firestore then click on next as the screenshot given below .

​‌

HOW TO CREATE ROLES

From this tools you can copy dummy data from our firestore account to your own accounts. In that tools we have added steps how to copy the dummy content .‌

Dummy content may not create User Collections . You need to register as user then user collection automatically get created like this. All the user Register from app get User roles. If you want to access all the admin and manager features from firebase console you can update role .

​‌

There 2 Roles we have in our backend { Admin and Manager }​‌

Firebase Authentication

To Register and Login to apps you need to activate firebase auth Email / password and To config the social Login you need to enable them and add the API key that you need to create on Facebook or Twitter developer account.‌

You can check Create social app section to create app ID for Facebook, Google +, Twitter.‌

Once you enable Facebook you need to Enter App ID and App Secret Key that you can get once create Facebook App.

You can Setup Social auth as well but you need do some changes in apps side as well. If you complete all the point successfully now you are able to Login, Register to apps and order any product and all the order item stores in your Firebase Database.‌

You can Design own Dashboard CMS to Manage all the order and Menu Item or you need check our Backend CMS Firebase Dashboard.‌

Firebase Database/Storage Rule

You need to update database rule to read and write all initial setup later based on your requirement you can update it.

​‌

Firebase Storage is used to store user profile pictures. If you complete all the steps successfully then you can run ionic Firebase app and then you can Register or Login or Order a Product. It will store in your Firebase Database.

Last updated