Before you can add all the cool stuff, you need to set up a workflow in Retool for authentication and install the Weavy components - when that's done and done, it's lightning-fast to add Weavy features to your Retool app.
This tutorial will guide you through setting up authentication between Retool and Weavy and installing the Weavy components into your Retool account.
Have Retool ready, and let's get started.
You will need:
First we need an environment URL and an API key to communicate with the Weavy backend.
Before you can work with Weavy, you'll need to sign up for an account or sign into your existing account.
The repo contains everything you need to set up and configure authentication and use Weavy as custom components in your Retool app.
git clone https://github.com/weavy-labs/retool-weavy-components.git retool-weavy-componentsgit pull the latest changes and continue this guide.retool-weavy-components and run:npm install.env file..env file in the root of the project
WEAVY_URL="WY_BACKEND_URL"
WEAVY_APIKEY="WY_API_*****************"WEAVY-URL with the URL to your Weavy environment.WEAVY-API-KEY with an API key to your Weavy environment.You haven't selected an API key. If you do - code snippets, scripts and files you download will automatically be updated with API key and backend URL.
.env file in the root of your project folder, copy and paste the above into the file.The installation scripts are using the Retool CLI and the Custom Components Library utils to create the demo.
npm run loginnpm run create:weavyThe script will automatically configure the following:
WEAVY_URL Javascript variable. You can see it under Settings > Advanced settings > Preloaded Javascript in your Retool account.Weavy API resource for working with the Web API in your Weavy environment. This is configured with your Weavy environment credentials.WeavyAuthentication workflow for authentication token handling in the Workflows section in Retool. The Workflow is using the Weavy API resource.WeavyPageNavigation workflow in the Workflows section for saving page metadata that is needed by Weavy Notifications to be able to navigate back to the container their content originated from. The Workflow is using the Weavy API resource.Weavy components under Settings > Custom Components Library in your Retool account.We now have the foundation to start adding Weavy features to your app.
We need an API key to communicate with Weavy for authentication, etc
To access live chat with our developer success team you need a Weavy account.