.gif)
Explore our step-by-step guide on integrating Bubble.io with Wasabi efficiently, elevating your web development process to its maximum potential.
Wasabi is a multifaceted tool primarily known as a cloud-based storage service that is designed to replace traditional tape and disk-based storage systems. It is compatible with most third-party backup and recovery tools. The salient aspect of Wasabi is its cost-effectiveness and performance. It offers high-speed data transfer, allowing data storage up to 6 times faster than other major competitors, and its cost is about one-fifth that of AWS S3. The data stored in Wasabi is always encrypted and often used for data protection and disaster recovery.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
Step 1: Creating a Wasabi Account
Before you can set up the integration, you will need a Wasabi account. If you don't have an account, you can create one by going to the Wasabi website at https://wasabi.com/ and clicking on the "Try Wasabi" button. Provide the necessary information to create your account.
Step 2: Creating a New Bucket in Wasabi
Once your Wasabi account is set up, you will need to create a new bucket where Bubble.io can store your files.
Log into your Wasabi account and click on the "Buckets" option located on the left side menu. Then click on the "+' icon to create a new bucket. Enter an appropriate name for your bucket. Select a region closest to your application server. Then click on the "Create Bucket" button.
Step 3: Creating an Access Key in Wasabi
Now you will need to create an access key which will allow Bubble.io to connect to Wasabi.
Go to the "Access Keys" menu and click on the "+Create New Access Key" button. Provide a name for the key and leave the "Attach to Root User" option unchecked. Then click on the "Create Access Key" button.
After creating the access key, take note of the Access Key ID and Secret Access Key that was generated. Make sure to save this information in a secure location, as you will not be able to retrieve the Secret Access Key again.
Step 4: Setting up the Wasabi Integration in Bubble.io
Now you will set up the Wasabi integration in your Bubble.io app.
Log into your Bubble.io account and go to your application's editor. Then navigate to the Settings tab and select the API option from the submenu.
Next, click on the "+Add API connection" button. In the API Provider dropdown, select the option "Wasabi". Then you will need to provide the Access Key ID and Secret Access Key that you created in Wasabi.
After providing the credentials, click on the "Initialize API" button. Bubble.io will then test the connection with Wasabi and if everything goes well, you'll see a success notice.
Step 5: Setting up File Uploads to Wasabi in Bubble.io
Now that the integration is set up, you can set up your application to upload files to Wasabi.
Go to the Design tab and select the page where you want to add the file upload feature. Then select the element where you want to add the file upload feature, like a button or image, and open its settings.
In the type dropdown, select "File Uploader". Then in the action dropdown, select "Upload File to Wasabi".
Next, provide the necessary details such as the bucket name that you created in Wasabi and the name you want for the uploaded file, which can be dynamic depending on your needs.
After providing the necessary information, click on the "Save" button to save the changes.
Step 6: Testing the Bubble.io and Wasabi Integration
Now that everything is set up, make sure to test the integration by uploading a file using the file upload feature you set up in Bubble.io. After uploading a file, verify that it was successfully uploaded to Wasabi by checking the contents of your Wasabi bucket.
And that's it! You have successfully set up the Bubble.io integration with Wasabi. You can now upload files to Wasabi directly from your Bubble.io application.
Scenario: A video production company is looking to create a user-friendly online portal where its clients can easily view, download and share their completed videos. The company uses Bubble.io to build a custom web application to meet this need. However, the storage and retrieval of these large video files presents a challenge. The company chooses Wasabi for its cost-effective cloud-based storage solution and ample file size limits. They now want to ensure their Bubble.io application and Wasabi storage service integrate seamlessly.
Solution: Integrating Bubble.io with Wasabi
Building the Application: The company leverages Bubble.io's no-code development platform to build a user-friendly web application for video viewing and sharing.
Setting Up the Integration: Within their Bubble.io application, they install a plugin or make use of API workflows that allow them to connect with their Wasabi storage account.
Data Upload Workflow: Once a video project is completed, the production company uploads the file to Wasabi storage. They then create a reference to this file within their Bubble.io application.
Video Retrieval Workflow: When a client logs into the application and selects a video, the Bubble.io application retrieves the video file from Wasabi. The video is streamed or temporarily downloaded for the client to view.
Sharing Functionality: The application also includes functionality for clients to generate shareable links directly to the video files stored on Wasabi, allowing easy sharing with others.
Storage Management: The team can easily manage and archive their video files in Wasabi, while maintaining a streamlined interface for their clients in their Bubble.io application.
Benefits:
Efficiency: The integration allows for efficient upload, storage, retrieval, and sharing of large video files.
Ease of Use: The company provides a user-friendly interface for clients to access and share their videos, improving client satisfaction.
Cost Effectiveness: By using Wasabi for the heavy lifting of video file storage, the company saves on costs, as there's no need to invest heavily in their own storage servers.
Scalability: The solution can easily accommodate increases in video production and client numbers, thanks to the capabilities of both Bubble.io and Wasabi.
By integrating Bubble.io with Wasabi, the video production company not only enhances their offering to clients with a user-friendly web application, but also solves the challenging problem of large file storage and retrieval.
.svg)
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
.svg)
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
.svg)
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.
Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.
.png)
.png)
