Overview

The Xano Connector uses the official Xano SDK and makes connecting your Bubble app to a Xano backend super simple by persisting user login states and calling data from Xano directly from the browser

Get the plugin here!

MAY 10, 2023 - Xano Connector Plugin - Documentation Update

We are thrilled to announce the latest update to the Xano Connector plugin, which includes several new features to improve the development experience.

New Signup and Login Actions

The Xano Connector plugin now includes new Signup and Login actions that can be used anywhere in the app without the need for a XanoAuth element to be present on the page. These actions also include the ability to pass additional parameters with both actions. This provides greater flexibility in the implementation of user authentication and streamlines the development process.

XanoAuth Element No Longer Required On Page

Additionally, the XanoAuth element is now only necessary if developers want to return user information and authentication events. This change improves the plugin's performance and reduces unnecessary API calls.

New Refresh and Clear Actions on XanoQuery Element

The XanoQuery element now includes new actions to refresh and clear data. The 'Refresh Data' action calls the Xano API and retrieves new data based on the current query parameters, while the 'Clear Data' action removes the data retrieved in the last call. These features enhance the plugin's functionality and provide greater control over data management.

New 'Load Data' Configuration on XanoQuery Element

We have also added a new 'Load data' boolean to the XanoQuery element, which makes it easy to prevent the element from attempting to call the API before necessary. This feature helps optimize the app's performance and prevent unnecessary API calls.

POTENTIALLY BREAK CHANGE WHEN UPGRADING TO V2. PLEASE READ THE BELOW CAREFULLY

BREAKING CHANGE: Group URL in Plugin Settings

When upgrading to version 2.x from any 1.x version, developers must ensure that the Group URL in the plugin settings is added to the API Group URL (headers) input. This step is crucial to ensure that the plugin can communicate with the Xano API and is a breaking change.

We hope that these new features will enhance your development experience with the Xano Connector plugin.

This plugin is built and maintained by Eli Beachy and Jared Gibb. We are both active on social media and the forum. You can follow us on Twitter here:

Eli - https://twitter.com/elibeachy

Jared - https://twitter.com/CodelessConsult

The Xano Connector uses the official Xano SDK and makes connecting your Bubble app to a Xano backend super simple by persisting user login states across browser tabs and windows and calling data from Xano directly from the browser for super fast data retrieval.

It’s recommended to store the user values on Bubble’s ‘current user’ so that you can access these details from any element in your Bubble application.

Once you have installed the plugin, make sure to set up your API Group URL and API Data Source in the plugin settings page to define what data source in Xano you want to use for each environment (development or live) in Bubble. Data source only needs to be set if you are using a data source other than live.

The API Group URL should be the API Group URL from the api group in your workspace that contains the auth endpoints for your user

For a walkthrough of setting up this plugin watch the video below or click on the tabs to the left for detailed setup instructions

Last updated