AWS S3 File Uploader Setup Instructions
Add the Plugin to Your Bubble Project:
Go to the Bubble editor and search for the AWS S3 File Uploader plugin in the Plugins tab. Install it to your project.
Place the Required Elements on the Page:
Drag and drop the AWS - Uploader and/or S3 Object element onto your desired page within your Bubble application.
Configure Your S3 Bucket:
In the AWS Management Console, create an S3 bucket. Ensure that you configure the appropriate permissions for your IAM user.
Create an IAM User:
Create an IAM user in the AWS console, granting it permissions to access your S3 bucket. Generate access keys for this user.
Adjust CORS Settings:
Set the CORS policy on your S3 bucket to allow requests from your application’s domain. This is essential for enabling cross-origin requests.
Input IAM Keys into the Plugin:
In the plugin settings within Bubble, enter the IAM access keys generated for your user. This step secures your connection to AWS S3.
Configure Bucket Credentials in the Elements:
Select the AWS uploader or S3 object element and enter your S3 bucket name and any additional required settings (like folder paths).
Test File Uploads:
Once everything is set up, test the file upload functionality by using the uploader element on your page. Ensure that files upload correctly and check for events like Files Uploaded, Too Many Files, or File Too Big for proper error handling.
Manage Object Retrieval:
Use the S3 Object element to load and manage files stored in your S3 bucket. Test generating signed URLs and deleting objects as necessary.
Customize Logic and Workflows:
Use Bubble’s workflow capabilities to customize the logic for handling uploads, downloads, and deletions as per your application’s requirements.
Our team is available to solve any problems or questions you may have, please open a thread on our support forum:
https://forum.thechakor.com/t/plugin-issues