React App Builder
  • React App Builder Docs
  • Web Platform
    • Install the WEB PLATFORM
    • Firebase Account setup
    • Paddle Account
  • App Producer
    • APP PRODUCER TYPES
  • Local
    • Environment Setup
    • Setup App Producer
    • Run App Producer locally
  • Server
    • Run App producer on server
  • Advance Configurations
    • Clone our docs
    • Make iPhone App for my Clients
    • Manual - Bank transfers from my clients
    • Translate my app builder site
    • Run the app builder locally
  • Common Problems
    • Can't log in, stays on the login screen
    • Error shows: You don't have Item Purchase
    • Stuck on App Prioducer
  • Plugins
    • Landing Page
    • App preview app
  • FAQ
    • FAQ
    • Changelog
    • How we can help you best.
Powered by GitBook
On this page

Was this helpful?

  1. Web Platform

Firebase Account setup

PreviousInstall the WEB PLATFORMNextPaddle Account

Last updated 5 years ago

Was this helpful?

All the data is stored in Firebase Realtime Database and Firestore database.

In Firebase we store the information about the app, like colors, navigation etc..

And in Firestore is where our actual data is. Like menu content, categories, orders etc..

Let's get started. Create an account in Firebase with your google account.

Follow all the guides in the tabs.

and Click on "Add Project".

Accept terms, and create the project.

Go to Database and then click on the button called "Create database"

After clicking on the button it should appear a window that will ask you about security rules. Click on the Start in test mode and after that click Enable.

But for production, this is a good starting point. This will allow edit and write to all registered users.

{  
  "rules": {  
    ".read": true,  
     ".write": "auth !== null"  
  }  
} 

Go in Databases ->Cloud Firestore

or

Then, a pop up will appear.

Then enter this rules

rules_version = '2'; 
service cloud.firestore { 
  match /databases/{database}/documents {
    match /{document=**} {
      allow  read: if true;
      allow  write: if request.auth.uid != null;
    }
  }
}

Firebase Storage by default is not initialized. You will need to click on "Storage" and active the Firestorage Bucket.

After this, you should create a user in firebase for been able to login to your the app builder.

Go into firebase console and click on Authentication and after that click on Set up sign-in method

Click on Email/Password and enable them and click Save.

Now click on Users and now you should be able to click on Add user.

If you want to allow Google authentication, you have to do is to enable the Google Auth Provider as on the image below.

Next, scroll below and there you should add your authorized domain. Place where the Google Login will be performed.

To download service account JSON file go in then in Project -> Project Settings - > Service Accounts and click on "Generate new private key"

console.firebase.com
Open Firebase