Set up Google Login for mobile app

Before you can integrate Google Sign-In into your website, you are required to have the Web client ID. For that, you must create a Google Firebase Console project. 

The google login integration for the Android app and IOS app differs. Follow the below steps to integrate the google sign-in to your app.

Creating a Project

1. Go to Google Firebase Console.
2. Click on Create a Firebase project.
   
3. In the next window opened, Enter the Project Name in the project name field and click continue, based on your requirement choose the things you want to configure.
   
4. Once all the steps are done your firebase project will be created.
5. The Firebase dashboard is then displayed as follows.
   

Creating an Android Project

1. In the Firebase dashboard, click on the Android icon to create an android project.
2. In the next step, you are required to register your app.
3. Enter the package name of your app which you can find in the Mobile App section in the StoreHippo Admin panel. It should be in the format com.storehippo.appname.
   
4. Provide the SH-1 certificate. In case you are using StoreHippo inbuilt Android build then enter the SHA-1  as 15:27:AE:98:AA:0F:93:05:4F:6A:1E:F1:99:1E:88:D9:33:29:AA:AE.
5. Click on the Register app button.
6. Now, download the configuration file and click on Next.
   
7. Click on next and Skip the steps.

Creating an IOS Project

1. In the Firebase dashboard, click on the IOS icon to create an android project.
2. In the next step, you are required to register your app.
   
   
   Note: The Apple bundle ID must be same as the identifier associated with the provisiong profile of your app in the apple developers account.
3. Enter the IOS Bundle name and click on the Register app button.
4. Now, download the configuration file and click on Next.
   
5. Click on Next and Skip the steps and continue to console.

Adding SHA-1 When The Project Already Exists

1. Follow this step only if the Android project is already created.
2. Go to the firebase console and navigate to the project settings.
3. In the General tab scroll down to the Your Apps section.
4. Add the SHA-1 in SHA certificate fingerprints field.

Enabling The Sign-in Method

1. Now, in the firebase dashboard, go to the Build section.
   
2. Click on the Authentication and go to the Sign-in method tab. All the available sign-in providers are listed here.
   
3. Go to Google sign-in and enable it.
   
4. For android click on the Web SDK configuration and copy theWeb client ID.
   Note: For IOS you do not require the web client ID. After enabling the google sign-in download the latest GoogleService-info.plist file. Open the file and copy the CLIENT_ID and use it in place of the Web client ID.
5. Go to Mobile Apps > Mobile Apps in StoreHippo Admin Panel.
6. Add/Edit the mobile app. 
7. Go to the Social Login tab.
8. In the Google log-in settings, enter the Web Client ID. 
   
9. Click on Save and Rebuild/Create the App.

Changes to be made to after publishing the app

Google Firebase re-signs your app with a new key on publishing. You must update your mobile app with the new signing key for the Google Login to work on your published. 

Following are the steps only for Android.

https://play.google.com/console/developers/app/keymanagement

1. Go to Google console => Release Management => App signing => App signing certificate.
2. Copy the SHA Fingerprint  (as shown in the image)

Go to your app settings on Firebase and add the SHA Fingerprint key. 

You should be able to use Google Login on your published app now.