Displaying Data from Directual on Bubble

You can display data from Directual on your Bubble project. Let's have a look at how to do it for both anonymous and authenticated users.

Prepare Directual (structure and API endpoints)

For example, let's create a structure called "tasks" with the following fields: id, name, and task.

Go to the database and click "New Data Structure". Insert the name and sysname as "tasks" and then click "Save and go".

On the page for this structure, click "Configure to field" and create two fields: "name" and "task".

Next, go to the API section and create a new endpoint, with the ability to read id, name, task.

Note: Set up a new security layer, and remove all conditions in the layer. The default condition, "not empty," means that the API layer requires only authenticated users.

Example API Endpoint for reading tasks.

Click on "Endpoint respond preview" and, after saving, copy the API Endpoint URL for use in Bubble.

Respond preview: copy URL to buffer

Prepare Bubble

Go to "Plugins" -> "API Connector" and click "Add another call". Create a new API endpoint proxy like this:

Creating view on Bubble

Add a button called "Load data"

Add "Repeating Group"

Move "Visual Element"->Text to "Repeating group"

Setting Repeating group