Custom Authentication (JSON Web Tokens)

In this video we explore how to set up custom authentication with JSON web tokens (JTW).

Xano

--------------

FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

[jimvh]

Flutterflow video's are the most amazing tutorial video's there are out there. Straight to the point, perfect pace and great voice John :) These type of video's make people want to learn the ins and outs of Flutterflow! And even more amazing that Flutterflow has this logic for custom Auth built in!!

[AbdulrahmanHariri]

You guys should update this video to include refresh token handling. An app without a refresh token is a nightmare for customer experience. Therefore, it is an important part of any app.

[Dreysimmons]

This is what I love about flutterflow. We are always learning something! Keeping ourselves updated!....Thanks guys and Thanks John Higgins for you precise, concise and easy to understand tutorials! Great Job!

[athuls]

great video, can you make a video with integrating both firebase and supabase in the same app like using firebase auth and payment with rls enabled relational database of supabase

[charlesbeshara]

Great video, would be great to see a similar video for biometric sign in

[dennisdecock]

Thank you for the tutorial. The part of the refresh token remains very unclear. I am trying to get some kind of automatic refresh system in my app but ending up getting a bunch of action blocks on every page. A real mess to maintain.
Every time an API call is executed it should check if the token is valid, if not it should provide an endpoint where to get the new token based on the refresh token. If this is not provided than we have to code this manually in blocks. i really do not understand why this part is left out.
Another thing is that you cannot update a user authentication from within an action block. So even when you create an automatic block for the check there are still a lot of extra steps on every page to update the user accordingly...

[vicsystems]

Thanks for this video. It was a great help.

[yassineabid]

Thank you guys this tutorial!! Can you please do a tutorial on managing users with different roles and managing user capabilities inside Flutterflow? It's really needed by the community!

[shugaoflagos]

amazing video but can u guys create a video on oauth please

[MTGameMaker]

i was watching and waiting for the part of reset token and refresh time then he just skipped it how can i set it up in my project please

[AriesDeLosSantos-ld]

So how do you implement the refresh token?

[francisrafal]

Thanks for the tutorial! I still have a question: The Get Photos API Call uses the jwt because this needs authentication. But if you call the $.image.url as the image path the url is a public url and you didn't send a jwt for fetching that image - did I understand that correctly? It would be really great if you could add the option to send a jwt in the image widget to be able to access images from private buckets as well.

[MTGameMaker]

i went through the community and documentation i dont know how to check if the token is expired from flutterflow so i can start the process to get a new token and how can i save the refresh token

[MisteR--]

it is possible to get a real support when we have a Pro subscription please

[ravimishra]

It is possible to use only registered number/id can signin, i mean only specfic use not outside from the company ?

[AppsBooz]

Does flutter flow have refer and earn system? If I share the link and someone else joins through the link and receives the amount (both sender and creator). If yes, please bring a video.

[drorgrinberg]

Thanks, great tutorial.
Can we have one for Microsoft B2C as auth provider? Lots of enterprises are using Entra ID and Azure B2C as their auth provider and unfortunately, it is not straight forward as in Xano

[artemgordon]

Hey, why do you use Xano opposed to Supabase? Just curious

[ulubatlhasan]

How about introducing ' return ' for widgets? My project is stuck. That's why I can't proceed.. It's also very difficult to switch to vscode..

[MTGameMaker]

i wish if you make part 2 of this tutorial and do not skip this part :(