Errors on Xano Login form?

Hey

Firstly. Wow! What a great tool. As a designer primarily, and coming from Figma, Sketch etc… the UI is a dream to work in. From a designer perspective I’ve yet to find a feature missing. Really impressed! :+1:

Ok. My issue :wink:

Have set up a User Table in Xano, setup authentication endpoints per their docs and your tuts.

Setup the endpoint refs in WeWeb, and dropped in the Xano login but just get errors when I go to test the workflow :frowning:

Was wondering what I’m doing wrong? :grimacing:

Many thanks

What’s confusing to me is also the Formulas? Of course I can choose Email from the Data choices, but Password will not be an option for obvious reasons.

Really confused how to set this up correctly?

thanks

Yeah this is the error I get when I ‘Test Action’ on the Xano Login Action…

name: "Error"
stack: "Error: Request failed with status code 400 at e.exports (https://editor-cdn.weweb.io/public/js/chunk-vendors.01684801.js:64:1241) at e.exports (https://editor-cdn.weweb.io/public/js/chunk-vendors.01684801.js:97:3898) at XMLHttpRequest.f.onreadystatechange (https://editor-cdn.weweb.io/public/js/chunk-vendors.01684801.js:257:2255) at XMLHttpRequest. (https://browser.sentry-cdn.com/5.12.1/bundle.min.js:2:15638) at XMLHttpRequest.sentryWrapped (https://browser.sentry-cdn.com/5.12.1/bundle.min.js:2:44863)"
message: "Request failed with status code 400"
isAxiosError: true
toJSON: function(){return{message:this.message,name:this.name,description:this.description,number:this.number,fileName:this.fileName,lineNumber:this.lineNumber,columnNumber:this.columnNumber,stack:this.stack,config:this.config,code:this.code}}
config
Object
request
Object
response
Object

Do you have your form fields connected in the workflow? Your screenshot doesnt look like you do.

It should look like this.

Here you go. Getting your formulas set up is step 1. Do the photo below and then we can see if anything else needs attention.

That plug icon is what you use to give WeWeb different pieces of data in different areas. For instance, if you want to dynamically set a bg color based on the time of day, you could do this by clicking the plug next to the bg color parameter for whichever element you want.

Then, use a formula in there that tells the system what color, based on what time of day.

This is also how you use dynamic content, and set other design elements based on data from the backend.

For your scenario, you need to get the Email and Password into that workflow. The plug is how you do it.

Sorry, the picture above shows email instead of password for the formula. But, you need to do it for both of them, in the respective fields. Email to email, and password to password.

Hi,

Yeah did all that already. Still get those error messages.

Hi @mrcndrw :wave:

Could you share a link to your editor with me? I’ll try to sign up then login if that’s ok with you :slight_smile:

Hey Joyce,

How do I share a link? Sorry :grimacing:

Marc

Hey Marc, no worries!

You can copy/paste the link of your WeWeb project here in this conversation (others won’t be able to access it) or you can click on my picture to send me a private message:

1 Like

Hi Mark,

I wasn’t able to reproduce your issue but errors from the Xano plugin can be many things.

Common errors include:

  • trying to sign up a user that already exists in the user base in Xano (need to login instead),
  • trying to sign up a user with a password that doesn’t match Xano’s default requirements (at least 6 characters and 1 capital letter I believe),
  • trying to login a user that doesn’t exist in the user base in Xano (need to signup instead).

To learn more about a specific error, you can go here when you test the action in the workflow and it fails:

Does that help?

1 Like

Hi @Joyce,

Is there a way to show the error message received from xano on the front end?
I can see that the message can be accessed in the default workflow but I’m not able to access the message in the error workflow.

Hi @pacifist9722 :wave:

Yes, absolutely!

Here’s a video that explains how to display a personalized error message with the WeWeb Auth plugin but the same logic applies to Xano :slight_smile:

You might want to skip ahead to 4:03 but thought I’d share the whole academy video in case you find it more helpful with the whole context.

To access the message in the error workflow, you would need to trigger the error by testing the workflow when you’re on the “Default” branch (like we show in the video). Then, you’ll be able to access the Current error object and pick the information you want to display:

Does that help?

1 Like

Got it @Joyce ,

That helps, thank you.

1 Like

Hi everybody,
I have the same problem, I followed all the videos and all the topics on this subject, and I still get this error.
@Joyce : I also followed your advice.

I tried with Xano-auth and also Token-based-auth and I systematically have: “missing param: field_value” :roll_eyes:

Any idea

I took everything from scratch, on the Weweb side, on the Xano side and it’s good :+1:

I believe you have to run it in preview, as when I run in edit mode I get the same error but once I switch to preview enter in the information and submit goes through just fine and updates my table