How to integrate Google Drive in Bubble

To integrate Google Drive in Bubble, you connect it through the API Connector using Google’s OAuth2. Once connected, Bubble will let your user log in with Google, and your app can upload, list, or manage files inside their Drive.

What You Actually Do

You create a Google Cloud project, enable the Drive API, set Bubble’s OAuth redirect URL, then configure the Bubble API Connector with OAuth2 User-Agent Flow. After that, you can call Google Drive endpoints (like upload file or list files) directly in workflows.

Step‑by‑Step Explanation

Create credentials in Google Cloud:

• Create a project at console.cloud.google.com.
• Enable the Google Drive API.
• Create OAuth Client ID (type: Web Application).
• Add Bubble’s redirect URL: https://yourapp.bubbleapps.io/api/1.1/oauth\_redirect
• Copy Client ID + Client Secret.

Configure Bubble API Connector:

• Add a new API.
• Authentication: OAuth2 User‑Agent Flow.
• Auth URL: https://accounts.google.com/o/oauth2/v2/auth
• Token URL: https://oauth2.googleapis.com/token
• Scope: https://www.googleapis.com/auth/drive.file
• Client ID + Secret: paste from Google.
• Check “Use a generic redirect URL” and leave default.

Create an API call (example: upload a file):

• Method: POST
• URL: https://www.googleapis.com/upload/drive/v3/files?uploadType=multipart
• Headers: Content-Type: multipart/related; boundary=foo\_bar
• Body: form‑data or raw multipart.

--foo_bar
Content-Type: application/json

{ "name": "test.txt" }

--foo_bar
Content-Type: text/plain

Hello World
--foo_bar-- 

Using it in Bubble:

• Run “OAuth Login” action from API Connector.
• After user authenticates, run “Upload file” API call in a workflow.
• Store returned file ID in your Bubble database.

This is the clean, real, production‑safe way to integrate Google Drive inside Bubble.