How do I use Wasabi cloud storage plugin from Zeroqode for Bubble.io with Wasabi?

Wasabi has been validated for use with Bubble.io using the Zeroqode plugin. Zeroqode's Wasabi cloud storage plugin allows you to interact with your Wasabi account and easily upload and manage files from Bubble.io based app.

 

Table of Contents

1. Reference Architecture

2. Prerequisites

3. Installing the plugin

4. Configuring the plugin

5. How to use the plugin

6. Useful resources

 

Reference Architecture

arch.jpg

 

Prerequisites

  • An active Wasabi account
  • A bubble.io account
  • Zeroqode's Wasabi cloud storage plugin installed in the Bubble.io app. (You can either Buy or Subscribe to the plugin. The Subscribe option is available only on paid Bubble plans)

 

Installing the plugin

1. Login to the Bubble account and click on Menu on the upper right corner and choose the “My App” option.

Screen_Shot_2021-07-11_at_4.11.57_PM.png

 

2. Select the App in which you want to install the plugin and press the pencil icon

Screen_Shot_2021-07-11_at_4.10.57_PM.png

 

3. In the Editor go to Plugin Tab and click on “Add plugins” button

Screen_Shot_2021-07-11_at_4.24.23_PM.png

 

4. In the opened window, type the plugin name and click on Buy or Subscribe.

Screen_Shot_2021-07-11_at_4.27.59_PM.png

Note: The subscribe button is available on paid bubble plans. When subscribing to a plugin, you pay only for the days in use and not a penny more.

 

Configuring the plugin

5. Once you have installed the plugin, you need to add the Wasabi access keys in order to connect to the Wasabi account. 

Screen_Shot_2021-07-11_at_4.33.01_PM.png

Now the plugin is ready for use.

 

How to use the plugin

6. To interact with the plugin and be able to upload files through it into the Wasabi account, place the 'Wasabi S3' element onto your page and configure any other preferences for uploading.

Screen_Shot_2021-07-11_at_4.54.36_PM.png

For more information on how to configure the plugin element and details about each field, please refer to the plugin documentation at https://docs.zeroqode.com/plugins/wasabi-cloud-storage#plugin-fields-events-actions-and-states.

7. Now you have an uploader on the page, which you can use to upload files into the plugin element. In this case the plugin element keeps your file. To be able to upload the file directly into Wasabi account (in your bucket-> folder) you need to trigger the plugin action – Upload WasabiS3 A. In order to do so, click on the Uploader, select the file from your PC through the opened window and then click on “Upload button” that triggers the plugin action.
All these actions will upload the file from bubble app into Wasabi account using the plugin.


For example, if you click on Uploader, select the file from your PC through the opened window and then click on “Upload button” that triggers the plugin action. All these actions will upload the file from bubble app into Wasabi account using the plugin. 

Screen_Shot_2021-07-11_at_6.39.16_PM.png 

 

Useful Resources

Please take a look at Bubble forum threads where is discussed use cases and user's questions regarding the plugin configuration:

 

Other helpful Zeroqode Forum threads:

The useful links about the plugin:

Plugin Docs: https://docs.zeroqode.com/wasabi-cloud-storage
Demo page:  https://appkit.bubbleapps.io/wasabi
Editorhttps://bubble.io/page?version=live&type=page&name=wasabi&id=appkit&tab=tabs-1

For any issues with plugin, please contact the Zeroqode support at support@zeroqode.com.
Chat: zeroqode.com   
Zeroqode forum: https://forum.zeroqode.com/ 

 

 

Have more questions? Submit a request