Flutter Database & User Authentication Quickstart
Вставка
- Опубліковано 13 чер 2023
- We are going to create a simple user management app using Flutter and Supabase, where the user can log in using a magic-link, and edit their profile information once they are signed in. This touches on the basics of app development that involves user generated content.
📄 Flutter user management guide: supabase.com/docs/guides/gett...
🧑💻 Full Flutter code of the app: github.com/supabase/supabase/...
Join Tyler from Supabase as he shows you how to integrate a Supabase backend into your Flutter application in minutes.
We're going to focus on user authentication and profile management here so you can make your apps safer.
If you want to hook up a user management system in your Flutter app, start here.
What you'll learn:
✅ Setting Up a Supabase Project: We'll show you how to set up a new project on Supabase, and set up your database ready for integration with your Flutter app.
✅ Flutter App Configuration: Use the Supabase Flutter library connector to configure deep link settings to handle authentication flows.
✅ Database Schema Setup: Learn to bypass the initial database setup, focusing instead on linking your Flutter app with Supabase for authentication and data handling.
✅ Implementing Authentication: Implement magic link authentication in Flutter, which allows users to log in via a link sent to their email.
✅ User Profile Management: `We'll show you how to let users update their profile information from within the app so updates are seamless and changes are reflected in real-time - instantly!
This is your perfect quickstart guide for developers who want to create an app where users can log in and store some data on your database.
Need more Flutter + Supabase videos?
Check the links below!
💻 Videos to watch next:
▶Watch all Supabase Flutter tutorials: • Getting Started with F...
▶ Build a SaaS with Supabase in minutes: • Fastest way to build a...
▶ How to implement Google sign-in on Flutter with Supabase on iOS, Android & Web: • How to implement Googl...
👇 Learn more about Supabase 👇
🕸 Website: supabase.com/
🏁 Get started: app.supabase.com/
📄 Docs: supabase.com/docs
🔔 Subscribe for more tutorials and feature updates from Supabase: / @supabase
📱 Connect with Us:
🐙 Github: www.github.com/supabase
💬 Discord: www.discord.supabase.com/
🐦 Twitter: / supabase
▶ Instagram (follow for memes): / supabasecom
ABOUT SUPABASE:
Supabase is the open source Firebase alternative. Supabase provides a full Postgres database for every project with pgvector, backups, realtime, and more. Add and manage email and password, passwordless, OAuth, and mobile logins to your project through a suite of identity providers and APIs.
Build in a weekend, scale to millions.
#Supabase #AppDevelopment #RealtimeApps #DeveloperTools - Наука та технологія
very nice, good tutorial and steps! 👍👍
nice tutorial, very informative, thanks tyler :)
Very simple and very amazing 🎉
Great video! This Supabase channel has become my WIKI to learn Supabase. Could you also create a video related Oauth sign up/in using Supabase with Ionic/Capacitorjs on iOS device?
Amazing 🔥🔥
cok iyi video bayıldım
I would like to learn how supabase auth works internally and why this model is used.
I followed all the steps but it gave me an error that( Undefined name 'supabase'.
Try correcting the name to one that is defined, or defining the name). in statment final session = supabase.auth.currentSession;
please answer me
Whats the difference between supabase.auth.currentSession and supabase.auth.user or currentUser? Which one should we use to check if Im signedIn ?
Most of the time, if currentSession exists, then currentUser exists. The only time this is not the case would be when a user signs up with a password, but has not confirmed their email address or the phone number. In this scenario, currentUser will have a value but currentSession will be null. In this state, users will not be able to pass RLS policies created using auth.uid() function, so I'd say use currentSession to determine whether the user is signed in or not!
More please
is there any upcoming tutorial for uploading profile pics into a bucket and save the avatarUrl into profiles table?
Yup, will be coming up!
Hi, how to sign up with password but confirm it via otp or magic link?
Hi, I want use contains() method on stream. How can I do that?
I want to do this:
supabase.from("room_members").stream(primaryKey:['room_id'].contains(room_members,[my_id]). execute();
But contains() method is not working with stream() method.
Looks like `inFilter` is the filter you are looking for: supabase.com/docs/reference/dart/stream
🥳🥳🥳🥳🥳🥳
Does this work with SDK 3+? The example was built with SDK
Are you referring to the Flutter SDK v3? If so, yes it does!
Oh, I see that you are referring to the Dart SDK version. Yup, it should work fine, but let us update the version constraints right now! Thanks for reporting!
@@Supabase Yes, I just installed Flutter 3.10 which uses Dart 3. Followed the directions step by step and didn't get through. I figure V 3 will only be a short roadbump. :)
could you please do a video over basic login with email and password? I can't find any good tutorials or documentation. I am coming from firebase and am used to using a stream builder but haven't found anything that goes over it.
Do you have anything in particular that you are confused with about email + password sign-in?
@@Supabase no I’m dumb, i figured out what I was doing wrong. I spent roughly a day trying to convert my auth from firebase to supabase and in the time that I wrote the original comment to now I got it mostly figured out. But it would be nice for noobs like myself coming from firebase to have a email and password stream builder video cause there wasn’t much on the topic, or at least that I could find
@@the_dude_josh Hey, I am trying to do the same. Can you tell me how you did it?
@@21abhinavpatel if you can find a way for me to send you the code snippet or a way to communicate outside of UA-cam comments then I for sure can help
we want a complete project to know how to make the heavy work in the server side🔴🔴🔴
what's supamünchenfest? I'm from Munich 😅
Nice! That t-shirt is from a company off-site we had in Munich a year ago!
only problem is Apple testers, apparently never get the link so your app never gets published
Is this true
I like these Videos but i am still waiting for a decent video for Oauth using Flutter and Superbase
Auth videos will be coming out soon!
Very amazing Tyler! Thank you.
I've got a question please. I'm working on Authentication using only phone number with Twilio. So I used the supabase.auth.signInWithOtp(phone: phone) method. On execution, I've an "Database error saving new user".
How can I solve it please?
Once more, thank you!
Finally, I've resolved. The problem was in my profiles table.
Thank you!