Add powerful file storage to your Retool app

This tutorial will show how to add our files component to your Retool app, enabling previews of virtually every file format, remote editing of Office files, and support to several cloud storage services.

Have Retool ready, and let's get started.

Prerequisites

You will need:

1. Get access token

For our Weavy component to work, we need an access token from the authentication workflow.

Go to Code in the left panel, click the + and select Import Workflow

  • Name it getWeavyToken
  • Select WeavyAuthentication from the Select Workflow dropdown
  • Click the Reset to Example JSON in Workflow parameters
  • Change the Run behavior to Automatic
  • Click Save & Run
  • If successful, you should see an access token in the output window

Retool query setup

Note You need to import the workflow and install the Weavy components for this tutorial to work.

Tutorial: Before you start adding Weavy

2. Add Weavy Files

Search for Weavy Files in the components search bar and drag and drop it onto the canvas.

Weavy components

3. Done!

The Weavy Files component should load instantly - but toggle to Preview mode and see the full experience.

Note that this is fully working now and available for all your users if you want - rich file storage and preview support added, just like that.

Retool Files component