Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Firebase Analytics

Firebase Integration in different App Creation for Multi-Platforms

  • Select the project from Firebase Console.

  • Project view console will open, here we need to create three apps
    for three platforms(IOS, Android and Web), below are the steps to create apps for three platforms

    Android
    Tap on Add app and select android Icon, it will navigate to register android app page, copy paste this com.dwss.mgramseva package name in first field as shown in below image, after that tap on register app button, it will generate a google-services.json, successfully app was created, now close this window.

    Image RemovedImage Added



    IOS
    Tap on Add app and select IOS Icon, it will navigate to register IOS app page, copy paste this com.dwss.mgramseva Apple bundle ID name in first field as shown in below image, after that tap on register app button, it will generate a google-services.json, now close this window.

    Image RemovedImage Added



    Web
    Tap on Add app and select script tag Icon, it will navigate to register Web app page, copy paste this mgramseva name in first field as shown in below image, after that tap on register app button, it will generate html code, now close this window.

    Image RemovedImage Added

Firebase Integration in different Platforms

...

  • User need to have access this dwss firebase analytics account.

  • Once you have access, navigate to the Firebase console.

  • Select mGramseva application from list of projects.

  • Tap on Project over view option, there you can see all the created Apps.

  • Beside the project overview option one gear option(settings) will be there tap on that, all the created applications will be listed out there.

  • Below are the steps for integrating the Firebase for all three platforms(IOS, Android, Web).

Integration With Android

  • In general tab select the Android App

...

  • , download on the

...

  • google-services.json as shown in below image.

    Image Added
  • Add this Json file to the android app folder as shown in below image.

    Image Added

Integration With IOS

  • In general tab select the IOS App and

...

  • download on the GoogleService-Info.plist as shown in below image.

    Image Added
  • Add this plist file to the ios app folder as shown in below image.

    Image Added



Integration With Web

...

In general tab select the Web App and follow scroll to the steps under the SDK setup and configuration.

...

, In that we can find the html code in that.

const firebaseConfig = {
  apiKey: "AIzaSyCNeX_MlTZXOVl_7pf5S0hVnd4a******",
  authDomain: "mgramseva-qa-****.firebaseapp.com",

...


  projectId:

...

"mgramseva

...

-qa-*****",
  storageBucket: "mgramseva-qa-*****.appspot.com",

...


  messagingSenderId:

...

"1274078******",
  appId: "1:

...

127407896491:web:

...

a3508fdb2a0f045******",

...


  measurementId:

...

"G-

...

8H6W5D****"

...

}

...

;

Methods Utilized to log the Data in Firebase

...