...
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 respective 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 thiscom.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.
IOS
Tap on Add app and select IOS Icon, it will navigate to register IOS app page, copy paste thiscom.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.
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.
...
In general tab select the Android App, download on the google-services.json as shown in below image.
Add this Json file to the android app folder as shown in below image.
Integration With IOS
In general tab select the IOS App and download on the GoogleService-Info.plist as shown in below image.
Add this plist file to the ios app folder as shown in below image.
Integration With Web
In general tab select the Web App and scroll to the SDK setup and configuration, In that we can find the html code in thatfirebaseConfig object as shown in below, upload that object to S3 bucket using below aws command.
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****"};
Command → aws s3 cp path s3://bucket_name/firebaseConfigs.js --acl public-read
Place the below code in respective environment yaml file and replace the src attribute with valid url.
Code Block |
---|
frontend-mgramseva: custom-js-injection: | sub_filter.conf: " sub_filter '<head>' '<head> <script src=https://s3_bucket_path/firebaseConfigs.js type=text/javascript></script> ';" |
Below was the reference PR which is used to made dev and QA changes
https://github.com/misdwss/iFix-DevOps/pull/286/files
Methods Utilized to log the Data in Firebase
...