ฝัง
- เผยแพร่เมื่อ 5 ก.ค. 2024
- In this video, we'll show you how to leverage FlutterFlow's new Custom Authentication feature with Xano. We'll walk you through how the API endpoints work in Xano, and then head over to FlutterFlow to build the authentication flow using Xano as your back-end.
Xano - The Fastest No Code Backend Dev Platform
www.xano.com
Twitter
/ nocodebackend
Subscribe to Xano's Channel for Weekly New Content
/ nocodebackend - วิทยาศาสตร์และเทคโนโลยี
![เจอประจำ ตอน เปิดเทอมวันแรก [EP.29]](http://i.ytimg.com/vi/eFK-B836i60/mqdefault.jpg)
thank you! really helpful and simply to the point video .. much appreciated!
Very helpful. Thank you.
great video! would I be able to add social logins to custom authentication using the same process?
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)
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.
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/
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
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.
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/ 😊
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, 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. 😊
th-cam.com/video/eEbAWpAWbfo/w-d-xo.html
@@nocodebackend well this video only works for web based app, not native. Is there a way to do it with a native approach?
go slow pls
Just change the playback settings to the slowness level you want.