For all those who don't have a login, name, email, etc., you need to modify your Xano API, specifically the function stack and your response, in the function stack, you need to update the user variable as 2:45 and in your response, you need to delete authToken and add the user variable and in AS input, you need to leave this variable empty (which created an “as self”).
Hi Chris, thanks for the video I just have a question when i"m testing the /auth/login API in Xano it returns me only the authToken, not the name or the email like you have at 2mn25, Did you know why ?
Hi there! In the last step of the function stack, Chris is modifying the "user" variable by adding the "authToken" property and removing the "password" property. This updated "user" variable is then returned in the response. Give it a shot, and let us know if that works. 😊
If your token expires, you can refresh it to continue accessing the API securely. Alternatively, the user would need to log in again to receive a new token. For more information on how to rotate or refresh JWE tokens, check out this post: community.xano.com/start-a-discussion/post/rotate-refresh-jwe-tokens-VJA4ndyjjXBn0Ti
Hi Chriss, thanks for the informative video👌 Previously I used to store the userdata in App State for quick access, is this now being managed directly by FF? if yes can I automatically detect when the user session has expired to refresh the token or ask send them to redirect screen
Hey there! I'm definitely not a FlutterFlow expert by any means. I think in the implementation shown in the video, when the user's authentication token expires, they will be redirected back to the log in screen. I haven't tested how implementing refresh tokens would work, but that's probably something we should explore for a future video. In the meantime, I might recommend heading to our community at community.xano.com so you can speak with other FF+Xano users directly and get some good insight in the meantime. I'll explore putting a supplementary piece of content together about using refresh tokens. Thanks for watching!
@@nocodebackend Hey there :) Yeah please do so, I am also wondering how the token refresh works now, until now I just ran the auth/me endpoint on page loads and then refreshed the token whenever it expired. But of course these are all unnecessary api calls if the token would only be refreshed right before the expiry time. (if that is actually easily doable in flutterflow)
Hi there! To enable login with a username, you'll need to add a username field to your database and adjust the auth process to verify usernames instead of emails. Remember to update your front end to include a username input field for user sign-up and login. If you have any additional questions, reach out to us in the Xano Community: community.xano.com/ 😊
how to manage this custom auth in flutter web using flutterflow? I'm using custom backend with phone number OTP login and i'm getting the access token as a response and i saved it in auth user as per docs but when i refresh the page after login it redirect me to login page in flutter web
Hi there! This question is related to Flutter web using Flutterflow. Since this involves a technical issue related to that specific platform, it would be best to seek assistance from Flutterflow directly.
Hi there!👋 Auth0 indeed exchanges authentication tokens with Xano, so as long as your front end can work smoothly with this authentication flow, you should be good to go!
@@nocodebackend Thanks for this...I actually posted a comment in the Xano community to Michael, because after watching the Google Auth0 w Bubble video I had more of an idea of your init & continue end points. But still a bit stuck
Hi team@@nocodebackend I just noticed that my comment was removed or hidden, perhaps because I pasted a URL 😅 The thread is titled 'How to use Xano's Auth0 extension in front end?' by Owsteen. Michael has given me some pointers, but I'm still stuck on how the authURL from 'init' gets decrypted & then passed to the 'continue' API in FF. So now with this custom authentication feature, we should be able to set the 'token' returned by 'continue' API as the user->authentication token? Apologies for the essay.
Hi there! To help us assist you more efficiently, could you post your question in our community (community.xano.com/)? To give us a better understanding, please include any relevant screenshots or a short Loom video to show us exactly what you're experiencing. Thank you so much!
Hi there! Check out this video, "Connect to FlutterFlow: Google OAuth (Google Sign-In)," and let us know if it's helpful. 😊 ua-cam.com/video/eEbAWpAWbfo/v-deo.html
Hey mate, I tried to duplicate this but for some reason the result in Run & Debug only returns the authToken, no id, name, email etc. I found that you didn't cover the response (unless I missed you talk about it) and changed it to replicate what you may have "return user as self" that returned the other fields, but it seems to have some crazy multi layerd nested encryped json..
@danielhabibi Daniel helped me in his Discord channel with this, turns out I had my step 6 update variable authToken path name set to variable instead of text. Cheers
Hi, you need to modify your Xano API, specifically the function stack and your response, in the function stack, you need to update the user variable as 2:45 and in your response, you need to delete authToken and add the user variable and in AS input, you need to leave this variable empty (which created an “as self”).
For all those who don't have a login, name, email, etc., you need to modify your Xano API, specifically the function stack and your response, in the function stack, you need to update the user variable as 2:45 and in your response, you need to delete authToken and add the user variable and in AS input, you need to leave this variable empty (which created an “as self”).
Thanks for providing your guidance! 🙏
thank you! really helpful and simply to the point video .. much appreciated!
great video! would I be able to add social logins to custom authentication using the same process?
Very helpful. Thank you.
Hi Chris, thanks for the video I just have a question when i"m testing the /auth/login API in Xano it returns me only the authToken, not the name or the email like you have at 2mn25, Did you know why ?
Hi there! In the last step of the function stack, Chris is modifying the "user" variable by adding the "authToken" property and removing the "password" property. This updated "user" variable is then returned in the response. Give it a shot, and let us know if that works. 😊
thanks for this but what to do when my token is expired?
If your token expires, you can refresh it to continue accessing the API securely. Alternatively, the user would need to log in again to receive a new token. For more information on how to rotate or refresh JWE tokens, check out this post: community.xano.com/start-a-discussion/post/rotate-refresh-jwe-tokens-VJA4ndyjjXBn0Ti
Hi Chriss, thanks for the informative video👌
Previously I used to store the userdata in App State for quick access, is this now being managed directly by FF? if yes can I automatically detect when the user session has expired to refresh the token or ask send them to redirect screen
Hey there! I'm definitely not a FlutterFlow expert by any means. I think in the implementation shown in the video, when the user's authentication token expires, they will be redirected back to the log in screen. I haven't tested how implementing refresh tokens would work, but that's probably something we should explore for a future video.
In the meantime, I might recommend heading to our community at community.xano.com so you can speak with other FF+Xano users directly and get some good insight in the meantime. I'll explore putting a supplementary piece of content together about using refresh tokens.
Thanks for watching!
@@nocodebackend Hey there :) Yeah please do so, I am also wondering how the token refresh works now, until now I just ran the auth/me endpoint on page loads and then refreshed the token whenever it expired. But of course these are all unnecessary api calls if the token would only be refreshed right before the expiry time. (if that is actually easily doable in flutterflow)
is it possible to login with username instead of email?
Hi there! To enable login with a username, you'll need to add a username field to your database and adjust the auth process to verify usernames instead of emails. Remember to update your front end to include a username input field for user sign-up and login. If you have any additional questions, reach out to us in the Xano Community: community.xano.com/ 😊
Do we have any vedio on custom authentication while using otp?
Hey there! For OTP, we this video and snippet: OTP 4-digit code SMS login - www.xano.com/snippet/gORBRj22/
how to manage this custom auth in flutter web using flutterflow? I'm using custom backend with phone number OTP login and i'm getting the access token as a response and i saved it in auth user as per docs but when i refresh the page after login it redirect me to login page in flutter web
Hi there! This question is related to Flutter web using Flutterflow. Since this involves a technical issue related to that specific platform, it would be best to seek assistance from Flutterflow directly.
Great video, TYSM! Is this possible with auth0 (via Xano marketplace extension)? Or is it only possible for native Xano authentication?
Hi there!👋 Auth0 indeed exchanges authentication tokens with Xano, so as long as your front end can work smoothly with this authentication flow, you should be good to go!
@@nocodebackend Thanks for this...I actually posted a comment in the Xano community to Michael, because after watching the Google Auth0 w Bubble video I had more of an idea of your init & continue end points. But still a bit stuck
@@ksrath1 Could you please share the link to the Xano community question? We can review it to see if we can provide any further assistance.
Hi team@@nocodebackend I just noticed that my comment was removed or hidden, perhaps because I pasted a URL 😅
The thread is titled 'How to use Xano's Auth0 extension in front end?' by Owsteen.
Michael has given me some pointers, but I'm still stuck on how the authURL from 'init' gets decrypted & then passed to the 'continue' API in FF. So now with this custom authentication feature, we should be able to set the 'token' returned by 'continue' API as the user->authentication token? Apologies for the essay.
Hi, I’m getting null response for name and email?
Hi there! To help us assist you more efficiently, could you post your question in our community (community.xano.com/)? To give us a better understanding, please include any relevant screenshots or a short Loom video to show us exactly what you're experiencing. Thank you so much!
How would you implement a google sign up?
Hi there! Check out this video, "Connect to FlutterFlow: Google OAuth (Google Sign-In)," and let us know if it's helpful. 😊
ua-cam.com/video/eEbAWpAWbfo/v-deo.html
@@nocodebackend well this video only works for web based app, not native. Is there a way to do it with a native approach?
Hey mate, I tried to duplicate this but for some reason the result in Run & Debug only returns the authToken, no id, name, email etc. I found that you didn't cover the response (unless I missed you talk about it) and changed it to replicate what you may have "return user as self" that returned the other fields, but it seems to have some crazy multi layerd nested encryped json..
@danielhabibi Daniel helped me in his Discord channel with this, turns out I had my step 6 update variable authToken path name set to variable instead of text. Cheers
@@AlexMoorhousehi, sorry but how exactly did you fix this!
@@Viju489 DId you manage to resolve this?
@@E2dbro nah bro, moved onto another backend
Hi, you need to modify your Xano API, specifically the function stack and your response, in the function stack, you need to update the user variable as 2:45 and in your response, you need to delete authToken and add the user variable and in AS input, you need to leave this variable empty (which created an “as self”).
go slow pls
Just change the playback settings to the slowness level you want.