Before you can use the Google Picker API, you need to configure credentials in Google Cloud.

1.1. Create a Project in Google Cloud

• Access Google Cloud Console:

  • Go to Google Cloud Console.

• Create a New Project:

  • Click on the project selector at the top of the page.

  • Select "New Project".

  • Give your project a name (e.g., "Bubble Google Picker").

  • Select the appropriate organization if applicable.

  • Click "Create".

1.2. Enable the Necessary APIs

• Access the API Library:

  • Within your project, go to the side menu and select "APIs & Services" > "Library".

• Search and Enable the APIs:

  • Google Picker API:

    • Search for "Google Picker API".

    • Select the API and click "Enable".

  • Google Drive API:

    • Search for "Google Drive API".

    • Select the API and click "Enable".

1.3. Configure the OAuth Consent Screen

• Go to OAuth Consent Screen Settings:

  • In the side menu, select "APIs & Services" > "OAuth consent screen".

• Configure the Consent Screen:

  • User Type: Select "External" and click "Create".

  • App Information:

    • App name: For example, "Bubble Google Picker".

    • Logo: Optional.

    • Privacy Policy URI: Can be your website or privacy page.

    • Terms of Service URI: Optional.

  • Contact Information:

    • Provide a support email address.

  • Scopes:

    • Add the necessary scopes for Google Picker and Drive (e.g., access to Drive files).

  • Save and Continue:

    • Complete the rest of the steps and save the configuration.

1.4. Create OAuth 2.0 Credentials

• Go to the Credentials Section:

  • In the side menu, select "APIs & Services" > "Credentials".

• Create Credentials:

  • Click "Create credentials" and select "OAuth client ID".

• Configure the Client ID:

  • Application type: Select "Web application".

  • Name: For example, "Bubble Google Picker Client".

  • Authorized JavaScript origins:

    • Add the URL of your Bubble application (e.g., https://your-site.bubbleapps.io).

  • Authorized redirect URIs:

    • If necessary, add the redirect URLs (may be required for OAuth authentication).

  • Create:

    • Click "Create".

• Obtain the Client ID and Client Secret:

  • After creating the credentials, a Client ID and Client Secret will be displayed.

  • Save these values securely, as you will need them to configure the plugin in Bubble.

1.5. Obtain the API Key

• Create an API Key:

  • In the "Credentials" section, click "Create credentials" and select "API key".

• API Key Restrictions (Optional but Recommended):

  • API restrictions:

    • Limit the API key to the APIs you need (Google Picker and Drive).

  • Application restrictions:

    • Restrict the use of the API key to your Bubble domain.

• Save the API Key:

  • Copy and save the generated API key to use in the plugin configuration.

Additional Tips

• Security: Keep your Client Secret and API Key confidential. Do not expose them in your Bubble application code.

• Testing: Before deploying your application, thoroughly test the Google Picker integration in your Bubble development environment.

• Documentation: Refer to the official Google Picker API documentation for more detailed information and troubleshooting tips.