Google Console Setup for iOS Client ID

Creating a Project in Google Console

1. Go to Google Cloud Console and sign in with your Google account.
2. Click on the project selector dropdown at the top of the page.
3. Click on "New Project".
4. Enter a name for your project and click "Create".
5. Once the project is created, select it from the project selector dropdown.

Creating an OAuth Consent Screen

1. In Google Cloud Console, navigate to the "APIs & Services" > "OAuth consent screen" page from the left sidebar.
2. Click on "Create" to start setting up your consent screen.
3. Choose the user type for your application (Internal or External) and click "Create".
4. Fill out the required fields on the consent screen configuration form:
   • Application name: Enter the name of your application.
   • User support email: Enter an email address where users can contact you for support.
   • Developer contact information: Provide contact information for the developer of the application.
5. Click "Save and Continue".

Getting Your App's Bundle ID

Your bundle ID can be found in your app.json under the ios.bundleIdentifier field. If not set, it defaults to com.your.app.

{
  "expo": {
    "ios": {
      "bundleIdentifier": "com.yourcompany.yourapp"
    }
  }
}

Creating an iOS Client ID

1. In Google Cloud Console, navigate to the "Credentials" page under "APIs & Services".
2. Click on "Create credentials" and select "OAuth client ID".
3. Choose "iOS" as the application type.
4. In the "Bundle ID" field, enter your app's bundle identifier from your app.json.
5. Click "Create" to generate your iOS client ID.
6. Copy the client ID - you'll need this for your app's Google Sign-In configuration.

Conclusion

You have successfully set up a project in Google Console and generated the iOS client ID for Google authentication. You can now use this client ID in your Expo application's Google Sign-In configuration.

const [request, response, promptAsync] = Google.useAuthRequest({
    iosClientId: 'YOUR_IOS_CLIENT_ID', // Add it here
    // ... other configuration
});