Firebase - Initialization in AppGyver

Firebase is one of the backend service with many feature like user authentication, Realtime database, storage, notifications and many more.

Firebase console - setup

• Go to Firebase console https://firebase.google.com/ and log in with your Google credentials. Once you have logged in, the page will look like below.

Note: All the website pages may look different depending on when you read this post.

• Click on go to console to set up a project for your Firebase application.

• Go head and click on Add Project which will navigate to project setup page.

• Provide proper project name based on your application and click continue

• On this page, you can enable or disable Google analytics for your Firebase project. If you are making use of notification, real-time database or cloud functions, my suggestion is to enable them and proceed further by clicking on continue.

• Step 3 will appear only when Google Analytics is enabled in the previous step. You can select Default account for firebase and click on create project.

• If google analytics is not required for your project, you can disable it and click on create project.

• Your project will be created in a few seconds and will be ready for you to start with your application.

• Click on the android icon in the Project page to add firebase to the android application.

• Provide the android package name and nickname of the application and click on register app.

Note: The android package provided here should be same as Appgyver package used during the application's build phase

• Download config file and click on Next till last step.

• Now that the registration for the android application is completed, click on continue to console.

• You can see our newly created firebase for android application will be available on the screen. Click on Add app to create web application for the project.

• Provide your App nickname and click register app. Then ignore adding the Firebase SDK for now and go back to out project console.

• Two applications will be displayed on the console now. Lets register an application for our IOS the same way as Android by downloading the config file after providing the proper app nickname.

AppGyver Connector - setup

• Log on to your AppGyver account and create a new project.

• Once the project is created. Go to Data section by clicking on Data in the toolbar. Then select the Connectors tab and enable Google Firebase.

• If you scroll down to the bottom of the page, once google firebase is enabled, we will have the configuration variable details of your project to fill in.

• To get the configuration details, go to the project created above and click on the Settings Icon.

• The project settings page will be opened with general data tab as the default, displaying the project details.

• At the end of this page you will have all the applications created for this project along with their configuration details.

• Fill out the web configuration and project configuration mapping the object key and variables in the Appgyver connector.

• Now go to the downloaded config file of the Android and IOS apps to populate the configurations of the android and iOS in Appgyver.

• Finally, go to the Global canvas page and trigger initialize firebase flow function downloaded from the marketplace, once the app is launched.

Suggestions and feedback are much appreciated. It encourages me to improve and share more content based on my experience with no code tools. If you have any doubts or queries, drop them in the comment section.