Contacts from Google

1. Obtain Google API Credentials
• Go to the Google Cloud Console.
• Create a new project or use an existing one.
• Navigate to the APIs & Services section and enable the Google People API.
• Under the Credentials tab, create new OAuth 2.0 credentials:
• Select Web Application as the application type.
• Set the authorized redirect URI to:

shell
https://{yourappname}.bubbleapps.io/api/1.1/oauth_redirect

• Note down the Client ID and Client Secret.

2. Configure the Plugin in Bubble
• Install the Contacts from Google plugin.
• Enter your Client ID and Client Secret in the respective fields within the plugin settings.

3. Set Scopes and Permissions
• In the Google API Console, go to the OAuth Consent Screen:
• Configure the necessary permissions for accessing Google Contacts:
• https://www.googleapis.com/auth/contacts.readonly (read-only access)
• Or, https://www.googleapis.com/auth/contacts (full access).
• Save and verify the consent screen configuration.

4. Set Up User Authentication in Bubble
• In your Bubble app, create a workflow to log users in with Google:
• Use the action "Log the user in with a social network".
• Select Google as the provider and ensure your API credentials are correctly configured.
• Ensure the user grants access during login.

5. Test the Plugin
• Set up a Data Call to retrieve contacts using the plugin’s actions (e.g., "List Contacts").
• Verify that the returned data matches the expected output.
• Debug any issues by reviewing the browser console for OAuth or API access error messages.

6. Troubleshooting
• Check OAuth Errors: Review the browser console for errors during authentication.
• Verify API Permissions: Ensure the required OAuth scopes are configured in the Google API Console.
• Plugin Settings: Confirm that the API keys, client ID, and secret are entered correctly in the plugin configuration.

json
{
  "connections": {
    "resourceName": "text",
    "etag": "text",
    "names": {
      "metadata primary": "yes/no",
      "metadata source type": "text",
      "metadata source id": "text",
      "displayName": "text",
      "familyName": "text",
      "givenName": "text",
      "middleName": "text",
      "displayNameLastFirst": "text",
      "unstructuredName": "text"
    },
    "emailAddresses": {
      "metadata primary": "yes/no",
      "metadata source type": "text",
      "metadata source id": "text",
      "value": "text"
    }
  },
  "totalPeople": "number",
  "totalItems": "number"
}