/retool-integration

Wasabi and Retool: Complete Integration Guide 2024

Learn how to seamlessly integrate Retool with Wasabi for enhanced cloud storage access, including setting up credentials, writing queries, and handling authorization.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Retool apps with your growth in mind.

Book a free No-Code consultation

How to integrate Retool with Wasabi?

 

Integrating Retool with Wasabi

 

Integrating Retool with Wasabi, a cloud storage solution, involves a series of steps that enable you to utilize Wasabi's storage capabilities within Retool's application-building environment. This comprehensive guide will walk you through each step, ensuring a seamless integration process.

 

Prerequisites

 

  • Ensure you have an active Retool account with permission to create and manage resources.
  • Have a Wasabi account ready, along with necessary access keys (Access Key ID and Secret Access Key) and a bucket prepared for use.
  • Basic understanding of API requests and JSON formatting.

 

Setting Up Wasabi Credentials in Retool

 

  • Log into your Retool account and navigate to the Resources tab to create a new resource.
  • Select "REST API" as the resource type, which allows you to interact with Wasabi's S3-compatible API.
  • In the Base URL field, enter Wasabi's API endpoint. The endpoint generally follows this pattern: https://s3..wasabisys.com, where <region> is your specific Wasabi region.
  • Proceed to the Authentication section of the resource configuration. Select "Custom Auth" to manually input your authentication details.
  • Using the Authorization Header option, configure your header to include AWS Signature Version 4. You may need to write a custom script to dynamically generate the signature based on your access keys.
  • Save the resource configuration with a recognizable name, such as "Wasabi Storage".

 

Writing Queries in Retool to Access Wasabi

 

  • In your Retool app, open the Query Editor to create a new query for the Wasabi integration.
  • Select the "Wasabi Storage" resource created earlier as your data source.
  • Choose the HTTP method appropriate for your action (e.g., GET to retrieve data, PUT/POST for uploading files).
  • Complete the endpoint path relative to your base URL. For instance, to list objects in a bucket, you might use /my-bucket-name.
  • If interacting with a specific object, adjust the endpoint to include the object's key.
  • Specify any necessary headers, particularly for Content-Type and any custom headers Wasabi may require.
  • Write your query parameters if needed for actions like filtering list outputs or defining metadata for check requests.
  • Test the query within the Query Editor to ensure functionality and check for errors or required adjustments.

 

Handling Authorization in Requests

 

  • Ensure that all requests are signed using AWS Signature Version 4, a structured authorization header for secure API interactions. Typically, this includes date, region, service, and request details.
  • Utilize a signed request script if possible. Retool scripts or external integration utilities can facilitate this process by automating the addition of required parameters and signing the request with your S3 keys.
  • Verify your configuration by manually testing an authorized GET request; adjust the access policy of the Wasabi bucket if issues arise.

 

Testing and Debugging Integration

 

  • Test interaction with Wasabi through Retool by executing your queries. Check responses in the Query Editor console for success or troubleshooting any errors.
  • Use Retool's debug mode to explore the request and response details, identifying issues in authentication, endpoint paths, or response formats.
  • Ensure requests are structured according to Wasabi's API documentation, especially when dealing with large files or complex query parameters.

 

Implementing Custom Functions for Complex Interactions

 

  • For advanced use cases, write custom JavaScript functions in Retool to handle tasks such as complex data parsing or additional client-side processing before or after API interaction.
  • Integrate these functions directly within your Retool application layout as needed, linking to buttons or event triggers.
  • Ensure these functions operate within the context of your Retool environment, with proper access to the data being passed from Wasabi queries.

 

Deploying Your Retool and Wasabi Integration

 

  • Once tested, finalize your application layout and logic in Retool, ensuring that all API interactions with Wasabi are secure and efficient.
  • Deploy the Retool application for use within your organization or with external stakeholders, ensuring that WASABI's storage permissions are consistent with user access needs.
  • Continuously monitor the integration for efficiency and access control, updating any scripts or configurations as needed based on operational feedback or updates from Wasabi's API or Retool capabilities.

 

By following these steps, you can leverage Wasabi's scalable storage services within your Retool applications, enhancing your app's capabilities with reliable data storage solutions. Ensure all configurations comply with data security standards and Wasabi's usage policies.

Want to explore opportunities to work with us?

Connect with our team to unlock the full potential of no-code solutions with a no-commitment consultation!

Book a Free Consultation

Client trust and success are our top priorities

When it comes to serving you, we sweat the little things. That’s why our work makes a big impact.

Rapid Dev was an exceptional project management organization and the best development collaborators I've had the pleasure of working with. They do complex work on extremely fast timelines and effectively manage the testing and pre-launch process to deliver the best possible product. I'm extremely impressed with their execution ability.

CPO, Praction - Arkady Sokolov

May 2, 2023

Working with Matt was comparable to having another co-founder on the team, but without the commitment or cost. He has a strategic mindset and willing to change the scope of the project in real time based on the needs of the client. A true strategic thought partner!

Co-Founder, Arc - Donald Muir

Dec 27, 2022

Rapid Dev are 10/10, excellent communicators - the best I've ever encountered in the tech dev space. They always go the extra mile, they genuinely care, they respond quickly, they're flexible, adaptable and their enthusiasm is amazing.

Co-CEO, Grantify - Mat Westergreen-Thorne

Oct 15, 2022

Rapid Dev is an excellent developer for no-code and low-code solutions.
We’ve had great success since launching the platform in November 2023. In a few months, we’ve gained over 1,000 new active users. We’ve also secured several dozen bookings on the platform and seen about 70% new user month-over-month growth since the launch.

Co-Founder, Church Real Estate Marketplace - Emmanuel Brown

May 1, 2024 

Matt’s dedication to executing our vision and his commitment to the project deadline were impressive. 
This was such a specific project, and Matt really delivered. We worked with a really fast turnaround, and he always delivered. The site was a perfect prop for us!

Production Manager, Media Production Company - Samantha Fekete

Sep 23, 2022