Flower Docs
  • OpenFlower overview
    • The "Hello World" tutorial
  • Videos
    • OpenFlower in 100 seconds
  • 🆕Setup and run
    • Cloud & Private Cloud
    • Self-hosting
      • Access local database or API
      • Google Cloud Platform
      • Heroku
      • Migration from Openblocks
      • Update MongoDB Versions
      • OpenFlower Version Update
      • Traefik loadbalancer
      • SMTP Server
    • Security
  • 🏨Workspaces & Teamwork
    • Workspaces
    • Members and Groups
    • Permissions for Resources
    • OAuth
      • KeyCloak
      • Google
      • GitHub
      • Generic OAuth Provider
    • Query library
    • OpenFlower Marketplace
  • ✨Build Applications
    • Create a new App
      • Modules
      • Version and Release Management
    • App Editor
      • Visual Components
        • Common Component Settings
        • File upload
        • Charts and graphs
        • Image
        • Option lists
        • List View
        • Drawer
        • Google Maps
        • Table
        • Messages / Toast
        • Calendar
      • Date handling
      • Bulk Editing
      • Layers
      • Data selection & Javascript
      • Use Markdown
      • Keyboard shortcuts
    • App Navigation
    • App Interaction
      • Event handlers
    • Themes & Styling
      • Design an efficient and user-friendly form
      • Customize Styles
      • Component Styling Possibilities
  • 🚀Connect your Data
    • Data source basics
    • Data sources in OpenFlower
      • APIs as Datasource
        • REST API
        • GraphQL
        • Google Sheets
      • SQL Databases
        • MySQL
        • MariaDB
        • PostgreSQL
        • Microsoft SQL Server
        • Oracle
      • NoSQL Databases
        • MongoDB
        • CouchDB
        • DynamoDB
      • InMemory Databases
        • Redis
      • File Storages
        • S3 File Storage
      • BigData & OLAP
        • Big Query
        • Snowflake
        • ClickHouse
        • Elasticsearch
      • Websocket Datasource
    • Query basics
      • Bind Query Data to Components
      • Query library
  • 🪄Workflows
    • n8n Integration
  • 💫Business Logic in Apps
    • Write JavaScript
      • JavaScript query
      • Temporary state
      • Transformers
      • Data responder
      • Built-in JS functions
  • 🙌Publish Apps
    • Share an App
    • Publish an App
    • Embedd an App
      • Embed Apps in React
      • Native embed SDK
        • Build the SDK from Source
  • 🔥OpenFlower Extension
    • Opensource Contribution
      • Develop UI components for Apps
      • Develop Data Source Plugins
    • Use third-party libraries in Apps
      • Day.js Date handling
      • Import your own JavaScript Library
    • Custom component
    • OpenFlower Open REST API
Powered by GitBook
On this page
  • Prepare Amazon S3 Buckets
  • Create a Datasource to Connect to your Bucket
  • Upload Files
  • List Buckets and Files
  • Read / use Files
  • Delete Files
  1. Connect your Data
  2. Data sources in OpenFlower
  3. File Storages

S3 File Storage

PreviousFile StoragesNextBigData & OLAP

Last updated 7 months ago

With the S3 Datasource Plugin, you can connect to your Amazon S3 Storage to upload and manage Files.

Prepare Amazon S3 Buckets

Next to Buckets, you need to create a User to configure Access Keys

Now you can create the Access Keys

Create a Datasource to Connect to your Bucket

To use Amazon S3, you need to connect to your Buckets.

The URL contains the Amazon AWS Region, in which you created the Buckets. This does not affect replica regions.

https://s3.<your_aws_region>.amazonaws.com

Upload Files

With the help of the file upload component, you can now gather the data that you want to upload as Fle to your Bucket. There are two possible file types in general.

  • Text based Files like JSON or CSV

  • Binary Files

Binary files are represented in the Browser as base64 encoding. However, after the transport to the S3 Bucket, they will be available as binary files.

From the possible actions of the S3 Datasource Plugin you can choose "Upload file" and fill in the settings.

List Buckets and Files

Choose "List Buckets" to get a JSON List of your S3 Buckets.

// Response of "List buckets"
[
  {
    "name": "lowcoder-documentation-bucket"
  }
]

With the name of the Bucket you can now request a list of all Files.

// Response of "List files"
[
  {
    "name": "open_issues.json",
    "size": 247285,
    "lastModified": "2023-06-24T18:28:51.000Z",
    "signedUrl": "",
    "url": "https://s3.eu-central-1.amazonaws.com/lowcoder-documentation-bucket/open_issues.json"
  },
  {
    "name": "test.json",
    "size": 236646,
    "lastModified": "2023-06-24T18:17:13.000Z",
    "signedUrl": "",
    "url": "https://s3.eu-central-1.amazonaws.com/lowcoder-documentation-bucket/test.json"
  }
]

Read / use Files

Based on Bucket & File name you can now request the Data of Files.

An alternative way to access the File is via the secure Link (Signed URL). To get the "signed Link URLs" for your files, just use the "List files" method including the "Return signed url" checkbox.

Delete Files

You can use the Method "Delete file" to ... delete a single file from your Bucket.

You can now use the URL of each file and for example, display it in the File viewer or with the .

🚀
Image Component
Create at least one Bucket in a Region.
Create a Amazon AWS User, give with a Policy the desired Access for your Buckets
The Access Keys are needed to connect to your S3 Buckets
You need to have at least one Bucket as also your Access Key for S3
You can get all your S3 Buckets as Data List.
Get a List of all Files in your Bucket as JSON
Get the file as JSON / Text or base64 encoded.
Get direct accessible Links of your files
You can delete single files from your Bucket