
Phu Nguyen
June 14, 2024
•
15 min read
This guide unlocks the power of Google Cloud Storage, a popular storage solution, for your Retool applications. We'll walk you through the steps to establish a smooth connection, ensuring your app effortlessly accesses and manages data in the cloud.
Prerequisites
Before proceeding, ensure you have a Google Cloud project set up with billing enabled and the necessary permissions to create and manage resources.
In this guide, we'll establish a secure connection between Retool and Google Cloud Storage for image uploads, like gif video below:
If you don't already have a service account set up for Cloud Storage access, follow these steps:
If you don't already have a bucket for your data, you'll need to create one. You can do this within the Google Cloud Storage console.
Now, let’s set up the Google Cloud Storage resource connection in your Retool application.
After completing the resource setup, proceed to validate the connection by clicking the Test connection button. If the connection is established successfully, a message indicating "Test connection successful" will appear, then click Create resource to finalize. This connects your Google Cloud Storage for in-app data management.
We have completed all the setup steps and now we will try to upload an image to the bucket we created on google cloud storage from Retool.
The error you're encountering stems from the absence of a CORS (Cross-Origin Resource Sharing) configuration on your Google Cloud Storage bucket. CORS acts as a security gatekeeper, restricting access to your bucket's resources from external domains. Since Retool is considered an external domain, it's currently blocked from interacting with your bucket.
To resolve this issue, we need to set up a proper CORS configuration for your bucket. Here's how to do it:
[
{
"origin": ["https://<APP>.retool.com/"],
"method": ["GET", "POST", "PUT", "DELETE", "HEAD"],
"responseHeader": ["Content-Type", "x-goog-acl"],
"maxAgeSeconds": 3600
}
]
gcloud storage buckets update gs://BUCKET_NAME --cors-file=CORS_CONFIG_FILE
BUCKET_NAME
is the name of the relevant bucket. For example, retool-blog
.CORS_CONFIG_FILE
is the path to the JSON file you created in Step 1.Now, click "Run" again to upload your image. It should successfully appear in your Google Cloud Storage bucket.
Congratulations! You've successfully established a connection between Retool and your Google Cloud Storage bucket. This means you can now upload images directly from your Retool application.
Ready to bring your dashboard vision to life? Contact Retoolers today, and let us help you create a powerful, intuitive dashboard that meets your exact requirements.
🚨 Still running your business with 12 tabs open?
That’s your sign to stop.
At Retoolers, we build custom internal tools (like dashboards, approval flows, CRMs) using Retool — fast.
✅ Integrated with your live data (Google Sheets, PostgreSQL)
✅ Built in days, not weeks
✅ Designed to simplify ops, not complicate them
Think Zapier meets Notion meets your own dev team.
💬 Want to see how it works in action? Drop a "💡" and we’ll DM a demo.
How 'Filter Thinking' Streamlines Business Ops
1. Streamlined Decision-Making
Think of business operations like a giant "filter menu":
📍 Location: Need to allocate resources? Filter teams or projects by region, office, or time zone.
🍣 Department/Function: Quickly isolate data, tasks, or reports by department (sales, HR, R&D).
💰 Budget Tier: Prioritize spending by filtering initiatives into "high ROI," "urgent," or "long-term growth."
🕒 Time Sensitivity: Sort tasks by deadlines, like "due this week" vs. "quarterly goals."
Result: Leaders spend less time digging through spreadsheets and more time acting on what matters.
2. Agile Resource Allocation
Result: Resources flow to the right place at the right time, cutting waste and delays.
3. Customer-Centric Workflows
Imagine applying "restaurant filters" to your customers:
Result: Hyper-personalized service without manual guesswork.
4. Real-Time Data "Previews"
Like seeing a restaurant’s menu before booking, teams need instant visibility:
Result: Faster, data-driven decisions instead of waiting for monthly reports.
5. Scaling Without Complexity
Why This Works
The best operational systems work like your favorite food app:
✅ Intuitive: No training manuals needed.
✅ Instant: No waiting for IT to run a report.
✅ Adaptable: Change filters as priorities shift.
Treat business operations like a restaurant search—filter out noise, focus on what’s relevant, and act fast. The simpler the system, the smoother the workflow.
Thoughts? How else could "filter thinking" optimize ops? 👇
As part of our process, you’ll receive a FREE business analysis to assess your needs, followed by a FREE wireframe to visualize the solution. After that, we’ll provide you with the most accurate pricing and the best solution tailored to your business. Stay tuned—we’ll be in touch shortly!