User Signup, Login, Authentication

After your Xano database is connected to your Adalo app, you can use our new External Sign-up and Login Actions to let users authenticate to your app.

Skill Level: Expert

Before You Begin

  • Ensure you have completed the Connect Xano to an Adalo App guide.

  • Have a Xano account and workspace setup. Follow this guide to do so.

  • You must have a Team or Business Adalo plan to use this feature.

  • User signup and login does not currently work with the prebuilt form component. Use individual inputs and buttons to build the signup and login forms.

  • The forgot password action does not work for Users hosted in Xano.

Video

Walkthrough

1. In your new Adalo app, click on the existing login and signup forms.

Notice that these forms are groups of individal components, not pre-built form components. Signup and login with Xano does not work for pre-built form components as they are actions that are not baked-in to a form component. Therefore, we need to use individual inputs, labels, and buttons to build the form in our apps.

2. Double click on the Sign Up button to open it's settings, then scroll down to the Click Actions area.

3. Click +Add Action, hover over More, then hover over User Login and choose External Signup.

4. Fill the action inputs with Magic Text from the Email and Password inputs available on the screen.

Note that you can certainly erase these and build your own form and inputs from scratch with your own styles and labeling. These are simply examples to get you started.

5. You can do the same for the login form, only this time choose the External Login function.

IMPORTANT: After having used an input component to log in or sign up, the default value will not set back to empty automatically so you will have to use the "Change input value" to accomplish this to clear the inputs.

NOTE: Don't forget to also add link actions to your forms to send them to the Home screen.

6. Now you'll also want to provide a way for them to logout using the Logout action.

You can place the Logout action on any button in your app, just make sure to link it back to your Signup screen.

7. You can add or remove password requirements in Xano by going to the User collection and editing the Password field.

You can change the password requirements in Xano by selecting the password field, clicking on Settings, then adding or removing Filters from the field πŸ‘‡

Step 1Step 2Step 3

Select Settings

Select or remove filters

(optional) Add password requirements as filters.

Learn More

  • The forgot password functionality is not available for Xano apps, but you can build this functionality on the Xano side by following this video.

  • If you need to update a User and are using the default Xano endpoints, you need to send all of the User's existing values in the action, not just the one you want to change. You can modify this behavior using Set Filters.

  • After having used an Input component to Log in or Sign up the default value will not set back to empty automatically so you will have to use the "Change input value" to accomplish this.

Help

As with all integrations, Adalo is only able to provide support for the Adalo side of the integration. For assistance with your Xano account, dashboard, or implementation, please use the Xano documentation, Xano community, Xano University, or contact Xano Support directly.

If you need additional help with this article, you can always ask in our community forum! Be sure to paste the link to this article in your post as well! We also have a Xano Course on the Adalo App Academy that you may find helpful!

Do you have a tutorial or help doc request? Let us know!

Last updated