Codelab: Get to know Firebase for Flutter

Рет қаралды 142,613

Күн бұрын

Welcome to our Get to know Firebase for Flutter codelab, where we show you how to add the power of Firebase to a Flutter application. This video will cover creating a Firebase project, adding Firebase Auth to sign users in, and using Firestore to save information in the cloud.
Follow along with the codelab here → goo.gle/3vTnH08
Chapters:
0:00 - Introduction and Prerequisites
1:45 - Running the sample project
4:56 - Creating a Firebase project
9:06 - Configuring the iOS and Android versions
16:03 - Enabling user sign-in with Firebase Auth
26:11 - Writing documents to Firestore
32:21 - Reading documents from Firestore in real-time
40:44 - Adding security rules
46:49 - Bonus step: Adding RSVP counts
56:41 - Recap: What have we learned?
New to Flutter? Get started with Flutter codelabs here → goo.gle/33y4oO3
Watch more Firebase Codelabs → goo.gle/fb-codelabs
Subscribe to Firebase → goo.gle/Firebase
#Codelab #Firebase #Flutter

Пікірлер: 86

@tomicriedel5005 3 жыл бұрын

Finally a complete video for Firebase! Exactly what I need now, because I'm sitting on a problem for 10 days, thank you 🙏🙏🙏!

@MysticZA 3 жыл бұрын

Loved the way you added your Firebase experience to the security rules section of the video. Having watched your Firebase videos I knew it was going to be a good one.

@sonxuannguyen1207 3 жыл бұрын

I had always longed for an interactive live coding tutorial like this ❤️

@imransefat8770 3 жыл бұрын

Firebase In App Messaging, Cloud Messaging tutorial would be a great addition this video!

@ryansampson7221 3 жыл бұрын

10-hour code lab yes please

@joestunes 2 жыл бұрын

Thank you Todd and Firebase Team, this was very helpful.👍

@Firebase 2 жыл бұрын

Great to hear!

@acavals8080 2 жыл бұрын

Thanks a lot for this video! It's pretty straightforward and helpful!

@Firebase 2 жыл бұрын

Glad it was helpful!

@rvb6516 3 жыл бұрын

Loved it ! ✊

@roo-happy 3 жыл бұрын

진심으로 고맙습니다. 덕분에 잘 학습하였습니다. ^^

@asif_imtiaz 2 жыл бұрын

"You can't really trust a guy with a thumb that big" Hahahahahaha!! Gold! Loved his vids btw! very informative and more entertaining!

@ovunctukenmez4103 2 жыл бұрын

Great video! Very informative. Thanks!

@Firebase 2 жыл бұрын

Glad it was helpful!

@divertechnology 2 жыл бұрын

Excellent video, it really sums up a lot

@Firebase 2 жыл бұрын

Glad it was helpful!

@oskarshrestha4553 3 жыл бұрын

[FIXED] [ERROR] Missing type arguments for map literal. [Code causing it] ...add({'text':message, ... [SOLUTION] ...add({'text':message, ...

@delarammajestic2502 3 жыл бұрын

please provide a 10 hour long code lab ...i would be happier if you do a full detailed course about 30 hours on how to handle the different needs in our applicaiton with firestore .....Im in love in flutter and Im ready to peactice and learn

@oswaldoolea2889 2 жыл бұрын

very good, great, everything works, thanks

@delarammajestic2502 3 жыл бұрын

updateProfile is deprecated in this line : await credential.user!.updateProfile(displayName: displayName); replace it with one : await credential.user!.updateDisplayName(displayName);

@moverecursus1337 Ай бұрын

Would be awesome a new version of this, as is outdated today

@user-ms8ei9le7x 3 жыл бұрын

Good lesson 👍

@Firebase 3 жыл бұрын

Thanks! 😃

@lucassappey3387 3 жыл бұрын

My hero

@vinayreddypulagam 3 жыл бұрын

Is there is a way to upload/download images through flutter web without importing dart:html??

@jsebastian211 3 жыл бұрын

Is very useful that kind of video, i only have one question, is normal or common define de methods auth's logic inside of the ApplicationState i'm not expert in flutter but is not normal put into the authentication file instead get it across parameters or put ApplicationState inside another file or inside in authentication 'folder', can it listen from multiple changeNotifier or only once ? thanks!!!

@davidagyakwa288 2 жыл бұрын

I index a nested collection for searching purposes ...but when I tried to to use flutter to search all docs in the collection it didn't work .....can you do a video helping with this

@Tabvn 3 жыл бұрын

is there official document for firestore database structure and also support group chat, members, app notification when new message from. :) need an official data modeler

@_piussunday_ 2 жыл бұрын

After the section 5 of the Codelab, I'm getting this error message "Undefined name 'DefaultFirebaseOptions'. Try correcting the name to one that is defined, or defining the name.dartundefined_identifier The argument type 'dynamic' can't be assigned to the parameter type 'FirebaseOptions?'.dartargument_type_not_assignable" Can anyone help??

@collinsmutugi1388 2 жыл бұрын

Adding a class that does all the crud operations for cloud Firestore and an authentication class that takes care of the authentication state for firebase auth removes a lot of boilerplate code. This means you can leverage the provider plugin better.

@JohnnyFantaOrange 2 жыл бұрын

Can anyone confirm if this is still valid, I tried a couple of installations and 24:45 Enabling User sign in pressing next no action is getting performed showing same screen.

@KludgeMaker 2 жыл бұрын

Win10, VSCode, no iOS devices listed, (Android phone plugged in), but when I try to run the code at the beginning of step 2, no matter what device I select, I get "No supported devices found with name or id matching 'iPhone'." Ideas, anyone? Thanks in advance.

@barisbasar3909 Жыл бұрын

I think someone changed the codebase...

@wandasingela Жыл бұрын

I think so too, my Register and Sign In screens don't look right.

@nalindawickramarathna8730 3 жыл бұрын

Thank you for the great content. Can you create a demo for paginated data for Firestore in Flutter / Dart? I have over 50,000 records per category and around 100 categories. Or someone can direct me to an already available learning resource to do this.

@diegosanchez3116 Жыл бұрын

unfortunetly i run an error at step02 What went wrong: A problem occurred evaluating project ':app'. > Failed to apply plugin 'com.android.internal.application'. > Android Gradle plugin requires Java 11 to run. You are currently using Java 1.8. You can try some of the following options: - changing the IDE settings. - changing the JAVA_HOME environment variable. - changing `org.gradle.java.home` in `gradle.properties`. somebody else faced witht that?

@ayoubmentag9883 Жыл бұрын

I got a blank page while trying to run the step 02 , anyone has a solution of this problem ?

@risongna2537 2 жыл бұрын

In the "Reading documents from Firestore in real-time" section, any reason why you did not use StreamBuilder?

@risongna2537 2 жыл бұрын

@@ToddKerpelmanCorp Wow, that's a really quick response! I'm trying to figure out pros and cons between providers and stream/future builder. But I guess that's a flutter question. Thank you Todd!

@riobijanero1 2 жыл бұрын

thanks for this Great video. I'm wondering how to write unit tests for this project. do you know about resources I can use?

@Firebase 2 жыл бұрын

Hello! Please check the following guide for more information regarding unit testing: goo.gle/3PAnskN

@Pranav62486 2 жыл бұрын

[ERROR] Conditions must have a static type of 'bool'. [CAUSE] if (snapshot.data()!['attending'] ) [SOLUTION] snapshot.data()!['attending'] != null

@benb.kashani8073 2 жыл бұрын

Although there is compileSdkVersion flutter.compileSdkVersion in android\app\build.gradle , however I get error : " Could not get unknown property 'compileSdkVersion' for extension 'flutter' of type FlutterExtension." , could you please help

@JKW3973 2 жыл бұрын

surprised nobody has commented this error. When editing main I am getting: The argument type 'dynamic' can't be assigned to the parameter type 'Widget'.

@learnwitharslan1049 2 жыл бұрын

same i am getting this error today. did you fix it. do you have any solution. help me. looks like i am dying 😭

@whitemagehealing8126 2 жыл бұрын

Wait, what? Are my messages sent in the clear even though I sign in?! The admin can read everything I send. O_0?! The advertisement of Firebase was that I could sleep at night and not worry about security, why is so much implementation manual and, thus, easily breakable? Is this a flutter limitation, a client platform limitation, etc.?

@manishkl1 7 ай бұрын

you need to update both the codelab firebase get to know on web as well as this codelab.... thanks

@cryptoworld582 2 жыл бұрын

great

@francescofreddi4374 3 жыл бұрын

ERROR: Error installing cocoapods: ERROR: Failed to build gem native extension. somebody can help me.... i tried all possibility but i cannot install cocoapods

@JohnStrandt 3 жыл бұрын

This is a note I made to myself. you can probably disregard the macos line if you are only building for mobile make changes to ios/macos files or you’ll get a CocoaPods error on run/debug macOS/xcshareddata/project.pbxproj ~line: 473 MACOSX_DEPLOYMENT_TARGET = 10.12; ios/Podfile ~line:2 uncomment and change to: platform :ios, '10.0'

@chaitanyabharatdokara4978 2 жыл бұрын

24:45 Enabling User sign in pressing next no action is getting performed showing same screen.

@JohnnyFantaOrange 2 жыл бұрын

In the main.dart I changed this line that was from the codelabs code Future init() async { await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, ); And changed it to the same code on the video await Firebase.initializeApp(); And now I can login and logout!

@_joejoe_7863 Жыл бұрын

@@JohnnyFantaOrange thank you so much

@helloworld101 3 жыл бұрын

How can we set up the iOS app with flutter on Linux (Ubuntu)? Can't use X code.

@CrashOrFly 3 жыл бұрын

No, you can't. You need a system running iOS to use X code.

@helloworld101 3 жыл бұрын

@@CrashOrFly so I need to buy at least a MacBook or something to build the iOS app. I don't have any apple device lol... Would be new for me.

@CrashOrFly 3 жыл бұрын

@@helloworld101 No, you can build the iOS app on Linux or Windows but, in order to test it, you need a phone running iOS or a simulator (as Apple calls their emulator). Simulators only run on iOS machines like MacBook.

@anaasiyah9956 7 ай бұрын

why i cant run the git clone?

@davidagyakwa288 2 жыл бұрын

and also notification with firebase

@faheemahmad3957 11 ай бұрын

please remake this for 2023

@10-minrelaxationvibes31 3 жыл бұрын

Yooo, who's ready for googleI/O?

@tomicriedel5005 3 жыл бұрын

I 🤗

@jhonhernandez9210 Ай бұрын

No source code?

@pierrefiorelli9289 2 жыл бұрын

"totally not fake downloads folder" 😄

@peternierop3241 2 жыл бұрын

Of course, it no longer works. These platforms are way too complex to keep them running for longer than a week.

@ivanyoed 2 жыл бұрын

What is it that does not work? I'm curious

@coom07 3 жыл бұрын

looks like the guy in the video with the thumb up give u a dislike!! XD

@CrashOrFly 3 жыл бұрын

@@ToddKerpelmanCorp Never trust a guy with an unexplained creepy thumb...

@_joejoe_7863 Жыл бұрын

reminder for me: thanks to @JohnnyFanta In the main.dart I changed this line that was from the codelabs code 24:25 Future init() async { await Firebase.initializeApp( options: DefaultFirebaseOptions.currentPlatform, ); And changed it to the same code on the video await Firebase.initializeApp(); And now I can login and logout!

@Firebase Жыл бұрын

We're happy you were able to get things sorted out! Thanks for hanging in there 😊

@imdaria5743 3 жыл бұрын

30:20 error with return FirebaseFirestore.instance.collection('guestbook').add({ 'text': message, 'timestamp': DateTime.now().millisecondsSinceEpoch, 'name': FirebaseAuth.instance.currentUser!.displayName, 'userId': FirebaseAuth.instance.currentUser!.uid, }); } Missing type arguments for map literal. Try adding an explicit type, or remove implicit-dynamic from your analysis options file. Please help

@imdaria5743 3 жыл бұрын

the user is log in, what could be the problem?

@mehmetcaneraslan4684 2 жыл бұрын

why am i getting this "D/FirebaseAuth( 6618): Notifying id token listeners about user ( Fbm3bWfer32SE3QV3ASwEQxLYQ763 ). W/System ( 6618): Ignoring header X-Firebase-Locale because its value was null."error, and because i get this error i am stuck at login screen.

@mehmetcaneraslan4684 2 жыл бұрын

Yippee! i solved the problem

@robertf4046 2 жыл бұрын

@@mehmetcaneraslan4684 How did you solve it?

@mehmetcaneraslan4684 2 жыл бұрын

@@robertf4046 I wrote the code in the video at 20:38 seconds (line 72) wrong. (I wrote the code :Future _initialization = Firebase.initializeApp(); , when I wrote the correct code, the application worked fine)

@robertf4046 2 жыл бұрын

@@mehmetcaneraslan4684 Thanks!!!!

@TheRubiosMusic Жыл бұрын

import 'src/authentication.dart'; import 'src/widgets.dart'; It keeps saying target URI doesn't exist. Did I miss a dependency? LOL I've looked all over the internet.

@TheRubiosMusic Жыл бұрын

😅😅😅 This is called: "Did not get the git hub starter code".