Choose your project. Click settings icon and then select project settings
Click on ADD APP and then choose a platform
It will ask you an iOS Bundle ID, to get it, go into your app’s config.xml file and copy the package id you’re using, it’s the one that looks like (id=”com.ionicframework.something”) from your config.xml file.
Click REGISTER APP. It will generate GoogleService-Info.plist file.
Click on Download GoogleService-Info.plist file, which is a config file for iOS.
After downloading GoogleService-Info.plist file click on Continue > Continue > FINISH.
Copy GoogleService-Info.plist file to your project root directory.
You will getREVERSED_CLIENT_ID from the downloaded GoogleService-Info.plist file. REVERSED_CLIENT_ID is required while installing Google native plugin at the later stage.
Once we add iOS app, we need to add Android app.
Click ADD APP and choose android platform
It will ask you an Android Bundle ID, to get it, go into your app’s config.xml file and copy the package id you’re using, it’s the one that looks like (id=”com.ionicframework.something”) from your config.xml file.
Click REGISTER APP. It will generate google-services.json file
Click on Download google-services .json file, which is a config file for Android.
After downloading google-services.json file click on Continue > FINISH
Copy google-services.json file to your project root directory
You will getCLIENT_ID from the downloaded google-services.json file.
Important Note: Choose "client_id" that is present inside "oath_client"
Add CLIENT_ID in src/providers/config.ts file
webClientId: any ='456352511209-fbam1kgj6354543fgfdfdstvfidbs1.apps.googleusercontent.com';
2. Install the GooglePlus Cordova Plugin.
We will get REVERSED_CLIENT_ID in GoogleService-Info.plist file
Run the following command to install GooglePlus Cordova plugin