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

1.1 Create a Project in Google Cloud

1. Access Google Cloud Console :

   • Navigate to Google Cloud Console .

2. Create a New Project :

   • Click on the project selector at the top of the page.
   • Select "New Project."
   • Assign a name to your project (e.g., "Bubble Google Drive Picker").
   • Select the appropriate organization if applicable.
   • Click "Create."

1.2 Enable the Required APIs

1. Access the API Library :

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

2. 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

1. Go to OAuth Settings :

   • In the side menu, select "APIs & Services" > "OAuth Consent Screen" .

2. Configure the Consent Screen :

   • User Type : Select "External" and click "Create" .
   • Application Information :
     • Application Name: e.g., "Bubble Google Drive Picker".
     • Logo: Optional.
     • Privacy URI: Can be your website or privacy policy page.
     • Terms of Service URI: Optional.
   • Contact Information :
     • Provide a support email address.
   • API Scopes :
     • Add the necessary scopes for Google Picker and Drive (specifically, read and metadata permissions).
   • Save and Continue :
     • Complete the remaining steps and save the configuration.

1.4 Create OAuth 2.0 Credentials

1. Go to the Credentials Section :

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

2. Create Credentials :

   • Click "Create Credentials" and select "OAuth Client ID" .

3. Configure the Client ID :

   • Application Type : Select "Web Application."
   • Name : e.g., "Bubble Google Drive Picker Client."
   • Authorized JavaScript Origins :
     • Add your Bubble app URL (e.g., https://yoursite.bubbleapps.io).
   • Authorized Redirect URIs :
     • If required, add the redirect URLs (may be needed for OAuth authentication).
   • Create :
     • Click "Create" .

4. 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

1. Create an API Key :

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

2. Restrict the API Key (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 authorized Bubble domains.

3. Save the API Key :

   • Copy and save the generated API Key for use in configuring the plugin.

By completing these steps, you will have all the necessary credentials (Client ID, Client Secret, and API Key) ready to integrate the Google Drive Native Picker plugin into your Bubble application.