Step 2 - Creating Firebase Project

Flink WordPress App Builder Flink WordPress App Builder / Documentation Last updated on Updated  Oct 19, 2019

Firebase is a Google service. For “Push notifications” and “Firebase Analytics”, we use Firebase.

Push notifications : You can send instant notifications to your users’ devices (mobile phones, tablets etc.)

Firebase Analytics : With Firebase Analytics, you can see several data like active user count, daily interaction of your users, device information of your users, operating systems of those devices, demographic information of your users, countries in which your application is used and many other instantaneously.

Let’s start...

Creating Firebase Project

  1. Since Firebase is a Google service, you need a Google account to use it. Go to https://firebase.google.com and click “Get started” button.
    16vn6TQEh33n9fX41msfaKMYlDmU3ff1fs2nblig.png
  2. Login with your Google account. If you don’t have a Google account, you can create a new one and use it to login.
    hNdLBk5Fr4PemtfduX3J0nd7LkWKnFkjK1wReSUg.png
  3. Click on “Create a project” button.
    (Important Note: You will see this screen only if you will create a Firebase project for the first time. If there is any other Firebase project that you created before, then you will not see this page but the page on the next step, to which you should pay attention in this case.)SaLB15SdnEF4YZ69yR63UI6a5YX0lS6EyHqOLQEH.png
  4. Click “Add project” button.
    K4UMPibANUjUCPlnFnEpImbzdLDagS5VCaJtbDLe.png
  5. Enter your project name, accept the Firebase terms and conditions and click “Continue”. (Project name examples: FlinkAppBuilder, BreakingNews etc.)
    YdTPHUH0lY7P1y18Q7zUsg4JZeUv2sscU4vKP3SO.png
  6. Select “Set up Google Analytics for my project” and click “Continue” button.
    zdyUnunBPKEdJi6B9qWUfogrAO3IchDab9O8fdeb.png
  7. Click “Select an account” button.
    81ns6lNjm51vyFkW7sUdyUEO8mcGyxu6AVHpDhCY.png
  8. Click “Create a new account” button. (If you have a previously defined Google Analytics account, you can select it as well.)
    sUDz0SuDhRuPX1xGDqxKWS8HWUq9DOSRldeTKqoN.png
  9. Define a name for the Google Analytics account that you will create and enter it to the respective field (you can use the same project name that you defined previously or you can define a different account name). Then, click “Save”.
    pW7v8R7zDfmk9Wz3S3e105K45HE7X8N3DCzIqulK.png
  10. Select your location, tick all confirmation boxes and click “Create project” button.
    EaiDcEMYR2y7cpTyYdC4IMHIG3Ji4ambyoUPMSJu.png
  11. Your Firebase project will begin to be prepared and you will see an installation page. Please wait while your project is being prepared. After it is ready, click “Continue” button and complete the project creating part.
    rTTg7wrKWLtISVHgwfYeRSAnHbmmLteYrKcT6d7B.png
    pdwH6TmEpyLLpcVorYyv1cShfaaWQwjtJzKpWJ6T.png

Adding Your Application

  1. Click on Android icon.
    D3WCrd8e1dP7pDLoFPCYDyDFZIvExr4AI0RM6IKR.png
  2. Enter the application package name that you defined while you are installing Flink Wordpress App Builder to the “App package name” field (example: com.flinkappbuilder.android). Then, click “Register App” button and proceed to the next step.
    vjchiRRruImCkL5nSOsm0aFOB0XMEnK3i1b5Y5i9.png
  3. Click “Download google-services.json” button, download the JSON file related with your app and click “Next”.
    YsMiuF6jWGMJgS6t2LV6myMF3vKxjkh0S1yVp9rM.png
  4. You don’t need to do anything in this tep, just click “Next”.
    00TDUdmYLBQ7zi2aBmlolN8bqHKh0ejO7Fg1SYVi.png
    R1jAugx9lDGvAQqTRrZIgH3H6ZBGf3BlgE58G8th.png
  5. Click “Skip this step” button.
    LHAJnR7X6ZwQqxt8nSLt30p2yNucetVgOqBQ9GHk.png
  6. Login to your Wordpress admin dashboard and from the side menu, click “Flink App” in order to open the Flink WordPress App Builder page.

    On this page, find “API Settings” and click it. Click “Upload New File” button in the “Configuration File” part of the “Google Firebase” section and upload the JSON file that you previously downloaded (google-services.json).
    RXt0HVg5aubOUqFaokVBFBpRwRVZgSioomwQVCrB.png

Getting the Web API Key

  1. Click on settings icon and then click “Project Settings” to go to the page where project settings can be configured.
    IUsCQWBDydlSXz6CX7Hnh7uyn2QlO5tvfDsk5x6n.png
  2. Click “Cloud Messaging” button. Copy the key in “Server Key” field.
    frjknvp6NltQroVixEbtyzLiNbBMERsXWL9CFaRQ.png
  3. Go to your WordPress admin dashboard and click “Flink App” on the side menu to open the page for Flink WordPress App Builder.

    On this page, find and click “API Settings”. Copy the API key that you previously obtained and paste it to the “Server Key” field in the “Google Firebase” section, then click “Save” button.
    L9Hp85NrnCVtuitZpuu1oHMPw5IierVFke7q9QuL.png


← Previous Section
Next Section
Step 1 - InstallationStep 3 - AdMob Advertisement Integration