Getting started with Firebase on Flutter - Firecasts

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ส.ค. 2024
  • Hi there, Flutter developers! Interested in bringing the power of the Firebase platform to your app? Get started adding Firebase to your Flutter mobile applications in this episode of Firecasts by Todd Kerpelman.
    0:00 - Overview
    1:04 - Creating a Firebase project
    4:19 - Setting up the Android app
    8:56 - Setting up the iOS app
    10:54 - Installing the FlutterFire libraries
    12:50 - Initializing Firebase in the code
    16:46 - Making a simple Realtime Database call
    18:18 - What's next?
    Firebase on Flutter Documentation → goo.gle/3krt2ad
    FlutterFire libraries → goo.gle/37sQLRM
    Dart futures → goo.gle/3lyJ7tS
    The FutureBuilder class → goo.gle/3mEyrM0
    Database chooser → goo.gle/37t4eJ9
    Watch more Firecasts for Firebase Developers → goo.gle/Firecasts
    Subscribe to Firebase → goo.gle/Firebase
    #Firecasts #Firebase #Flutter
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 97

  • @nalindawickramarathna8730
    @nalindawickramarathna8730 3 ปีที่แล้ว +13

    Hey Todd, Nice to see you in Flutter!
    Please continue this video series with how to use Firestore, File Storage, Auth, Push notifications, Offline access and etc.
    And also please describe the best practices of using Firebase in Flutter (Ex; Proper use of Streams).
    Thank you!

  • @4guns
    @4guns 3 ปีที่แล้ว

    Thanks for the intro for integrating Firebase Database into a Flutter app. Looking forward to more tutorials!

  • @abubakarkhawaja6082
    @abubakarkhawaja6082 3 ปีที่แล้ว +11

    finally the kind of tutorial i needed Storing data in database
    ->login/signup with flutter auth

  • @seanaguinaga
    @seanaguinaga 3 ปีที่แล้ว +5

    Todd! :D
    Thank you for this!
    One thing I really struggle with is "Flavors"
    Setting up iOS and Android to easily switch between dev, staging, and prod firebase projects!

  • @alexisenp
    @alexisenp 3 ปีที่แล้ว +1

    Great Work, thanks again Todd Kerpelman.
    More of these videos please !! .🙏🙏

  • @developnetic6433
    @developnetic6433 3 ปีที่แล้ว +1

    thank you so much, i've been trying to get firebase work with flutter for the last couple weeks and nothing worked... so many dependency issues... thanks for an official tutorial

  • @aissamouajib
    @aissamouajib 3 ปีที่แล้ว

    Hey, thanks for the video, hope you keep making videos like this for Flutter Developers with more advanced stuff like Cloud Functions, Cloud Messaging and other Firebase services!

  • @v5q211
    @v5q211 2 ปีที่แล้ว +1

    The best guide to setup firebase. You are a lifesaver man!

    • @Firebase
      @Firebase  2 ปีที่แล้ว

      Happy to hear you enjoyed the video so much!
      Don’t forget to check out the links in the description for even more information 😎

  • @leavestime4746
    @leavestime4746 3 ปีที่แล้ว

    Amazing to see Tod's videos on Flutter now woot!

  • @Cyclopee
    @Cyclopee 3 ปีที่แล้ว +1

    Great presentation. I hope to see many more.

  • @kuldeepsaini135
    @kuldeepsaini135 2 ปีที่แล้ว +3

    Will you please update this video to latest flutter version.

  • @mediafun4129
    @mediafun4129 2 ปีที่แล้ว

    this helped me after so much tries and fails...Thanks Alot

  • @vinaybichave2156
    @vinaybichave2156 2 ปีที่แล้ว

    Really needed this!

  • @noumaniqbal4965
    @noumaniqbal4965 2 ปีที่แล้ว

    Your gaudiness is very clear .so ,thank you so much .😍

  • @vishavnegi2216
    @vishavnegi2216 3 ปีที่แล้ว +1

    Finally you got it, what we really want from you folks. great job.

  • @chrispfbaby
    @chrispfbaby ปีที่แล้ว

    I love you guys! Thanks for this.

  • @chetferry4315
    @chetferry4315 3 ปีที่แล้ว +1

    Great tutorial, thanks for making it possible for me to succeed with Firebase! Extending your tutorial with authentication would be my wish for the next thing.

  • @onncpp
    @onncpp 3 ปีที่แล้ว

    Awesome video. I wish I had found this months ago!! You got my LIKE and Subscription.

  • @Lensbreak
    @Lensbreak 3 ปีที่แล้ว +6

    remote confic and maybe dynamic links would be interesting

  • @ashutoshnakhe3318
    @ashutoshnakhe3318 ปีที่แล้ว

    Thank you so much for the solution :)

  • @acarvey
    @acarvey 3 ปีที่แล้ว +1

    Your videos are always so helpful and all the concepts/steps are explained beautifully. Thank you for putting this together!

    • @Firebase
      @Firebase  3 ปีที่แล้ว

      You are so welcome!

  • @ThePoignancy
    @ThePoignancy 3 ปีที่แล้ว +17

    When will flutterfire become an official Firebase SDK

    • @Euquila
      @Euquila 3 ปีที่แล้ว +2

      what does officiality give you beyond the title?

  • @bunyaminakdeniz1981
    @bunyaminakdeniz1981 2 ปีที่แล้ว +1

    This help so much thank you

    • @Firebase
      @Firebase  2 ปีที่แล้ว

      Hi, Bünyamin! We're glad that this video helped you get started with Firebase. You can also check out the codelab link below to learn more about Firebase for Flutter!
      firebase.google.com/codelabs/firebase-get-to-know-flutter#0
      Happy coding! 🔥

  • @mokshchadha9151
    @mokshchadha9151 ปีที่แล้ว +1

    Hey Todd, big thanks from my side.

  • @user-nn5oc4qe2t
    @user-nn5oc4qe2t 3 ปีที่แล้ว +1

    I already have firebase auth, firestore, storage, and messaging in my app's pubspec.yaml file, and my app is running fine without core and initailizing. Why do I have to add firebase core and initializing to my existing app?

  • @RalphShillington
    @RalphShillington 3 ปีที่แล้ว +1

    If you're struggling with Firebase + Flutter, this video is a must! Using the realtime database to validate everything is working, keeps the presentation on point. Would be great to see a follow up for Push Notification.

    • @Firebase
      @Firebase  3 ปีที่แล้ว +1

      Glad it helped!

  • @raegreen2835
    @raegreen2835 2 ปีที่แล้ว +2

    9:17 I'm developing on a Windows Machine. How do I view the Bundle identifier without Xcode as that is an iOS only feature.

  • @zakblacki
    @zakblacki 3 ปีที่แล้ว +1

    Please more video about all the features mentioned !

  • @yoshq7
    @yoshq7 3 ปีที่แล้ว

    At 16:30, I get "Something went wrong!" in the app, and in Android Studio, "You have an error! [core/not-initialized] Firebase has not been correctly initialized. Have you added the Firebase import scripts to your index.html file?" when running main.dart in Chrome (web). But it works on the Android Virtual Device.

  • @longtimedeveloper6498
    @longtimedeveloper6498 3 ปีที่แล้ว

    I've been trying to figure out how to use Firebase with Flutter Desktop apps for macOS and Windows. But the Firebase project page does not have an icon for these. What do I need to do to use Firebase with Flutter Desktop macOS and Windows apps?
    Greatly appreciate the guidance!

  • @vedantkejariwal520
    @vedantkejariwal520 2 ปีที่แล้ว +1

    CocoaPods could not find compatible versions for pod "firebase_database": this error is showing in mac

  • @mileshart597
    @mileshart597 3 ปีที่แล้ว +4

    Not working for me..... no errors, initialises fine, no updates.

  • @miracleguy1330
    @miracleguy1330 2 ปีที่แล้ว +1

    can any one tell me the gradle error solution i m stuck here, building a new project everything works fine but after i go to build.gradle file it shows 2 errors like in the video but i dont get a solution for it.

  • @voodoo7183
    @voodoo7183 3 ปีที่แล้ว +1

    There are build issues with iOS, make sure to get into the PodFile and change the platform: iOS, 9.0 to 10.0 in order to work with latest builds, this wasted 3 hours of my time, with no real lead in error messages. Hope this saved you some time. Flutter/Firebase is very cumbersome with dependencies.

  • @polatcem
    @polatcem 3 ปีที่แล้ว

    Thanks for the video, its simple and point shot. As I understand from docs we can use web sdk with cloud firestore. Could you cover it in the next video? also, why do we need firebase sdk instead of firebase rest api?

  • @FaizanAhmad-bh5om
    @FaizanAhmad-bh5om 3 ปีที่แล้ว

    Need help here. I want to add 2 firebase projects to one app as I have two types of users so I need two different authentications for my users. But I can't able to do that using the same package name and SHA-1 key during making a firebase project. Help would be appreciated.

  • @MasterNeoRNCP
    @MasterNeoRNCP 3 ปีที่แล้ว

    Finally some one with common sense teaching Flutter Firebase integration. Excellent job mate. Keep up the good work.

    • @Firebase
      @Firebase  3 ปีที่แล้ว +1

      Glad it helped!

  • @rara737
    @rara737 3 ปีที่แล้ว +1

    Finally...!

  • @owenjones7732
    @owenjones7732 2 ปีที่แล้ว

    Now that Flutter 2.5 is out and has stable web support and a new template (flutter create -t skeleton project_name), is there any way this video can be redone, including the web app setup and using the modern template? That would be wonderful.

  • @LittleDevil_BANG
    @LittleDevil_BANG ปีที่แล้ว

    I've deleted the project. It's almost 30 days. *Thank you 🙏 for being an admin* (just let me know)
    ผมลบ โปรเจค ไปแล้ว กำลังจะครบ 30 วัน *ขอบคุณ 🙏 ที่เป็น ผู้ดูแล นะครับ* (แค่แจ้งให้ทราบ)

  • @erperejildo
    @erperejildo 2 ปีที่แล้ว

    where can I see a tutorial to how implement push notification to specific users from Firebase? I'd need to check some dates they added and remain them

  • @DemsDema
    @DemsDema 3 ปีที่แล้ว +5

    Finally flutter firecast 🔥🔥

  • @NabilDesignz
    @NabilDesignz 3 ปีที่แล้ว

    Open Ios module in xcode option is missing in android studio

  • @hectorcedeno8841
    @hectorcedeno8841 3 ปีที่แล้ว

    OMG OMG OMG!! YEAH!!!! FLUTTER!!!

  • @resikaarthana
    @resikaarthana 3 ปีที่แล้ว +1

    not working for me, DatabaseReference _testRef = FirebaseDatabase.instance.reference().child("test");
    _testRef.set("Hello world"); not affected to my realtime database. init firebase is ok

  • @willsimz144
    @willsimz144 2 ปีที่แล้ว

    tried opening xcode using VS code and was unable , do i Hvae to have an apple account/ apple product to open xcode?

  • @aQmissy
    @aQmissy 3 ปีที่แล้ว

    Hello Todd. Please create video about data migration in Firestore. When we have several version of mobile apps and have some breaking changes between them. And also when we want share some data between different app versions. Maybe there some best practices. Or just tell us about some good approuches to solve this problem. Thanks for what you do.

  • @XJessernstX
    @XJessernstX ปีที่แล้ว

    Is it not possible to add the iOS app in Firebase when you are working with Windows? I don't have access to Xcode and I'm developing an app compatable for both Android and iOS

  • @rebazjabar7660
    @rebazjabar7660 3 ปีที่แล้ว

    why i dont have the( Open IOS module in Xcode) option at minute 9:26 there not such as this function visible to me in my android studio ? any solution

    • @rebazjabar7660
      @rebazjabar7660 3 ปีที่แล้ว

      @@ToddKerpelmanCorp thanks but maybe this issue due to the OS model because i use windows OS and yours is mac

  • @guilhermeferreira7803
    @guilhermeferreira7803 3 ปีที่แล้ว +1

    There is a very important thing firebase team is missing when you say "Create different projects to your customers when going with multi tenancy":
    Billing Accounts limitations. You can have (by default) only 5 projects in one account and in order to have more you need to request. That's just not scalable. It is impossible for one to sell 20 times in a day, a product that can have it's full environment (including firebase project) built dynamically by program, but you just cant use because google forbids you to pay for it (yeah where's the sense). It's a line to improve.

  • @musliminontong2918
    @musliminontong2918 3 ปีที่แล้ว

    sir how can I open ios module in xscode using vsCode?

  • @bivosOnEarth
    @bivosOnEarth 3 ปีที่แล้ว

    Hello, there. I'm new to Flutter. I'm trying to build a wordpress app for both iOS and Android, and I want to add push notifications to it. I'm finding this task very difficult. Can you add a demo video regarding this subject?

  • @caseywest7369
    @caseywest7369 ปีที่แล้ว

    Can you enlighten me on when there will be SDK support for Flutter Desktop?

  • @yoshq7
    @yoshq7 3 ปีที่แล้ว

    That button Tools -> Flutter -> Open iOS module in Xcode was not there?

    • @yoshq7
      @yoshq7 3 ปีที่แล้ว

      @@ToddKerpelmanCorp Yes I am. Ok thanks - good to know it's not because of a mistake I made.

  • @bobby9568
    @bobby9568 3 ปีที่แล้ว

    this needs to be updated

  • @davidhadwin3566
    @davidhadwin3566 2 ปีที่แล้ว

    I get nothing: no errors, no initialisation, no messages in the console, nothing from all the code.
    Anyone have any ideas as to what might have gone wrong?

  • @DominicLondon
    @DominicLondon 3 ปีที่แล้ว

    If your app doesn't build on iOS be sure to set *platform :ios, '10.0'* at the top of ios/Podfile.
    It defaults to 9.0 which won't work.

  • @Kliamframe
    @Kliamframe 3 ปีที่แล้ว +1

    If you get the "CocoaPods could not find compatible versions for pod "firebase_core". " This solution worked for me: open ios/Podfile. Uncomment the second line and change it to version 10.0 / platform :ios, '10.0' and navigate to the ios folder, and run "pod update" in your terminal

  • @reybars2961
    @reybars2961 3 ปีที่แล้ว

    Thanks you this a blessing given from someone above☝️. Iv been trying to learn it this whole week

  • @deep8292
    @deep8292 3 ปีที่แล้ว

    Push Notifications, setup for both iOS and Android, if you can do a video on this, it would be a great help for me.

  • @csayasmamaw6517
    @csayasmamaw6517 3 ปีที่แล้ว

    pleas make a video for store data with cloud firestore with 2 or more collections

  • @malikg3485
    @malikg3485 2 ปีที่แล้ว +1

    stay on tune with what you want to learn, just because it's hard now, doesn't an it's impossible. It's all about ntal mindset and

    • @Firebase
      @Firebase  2 ปีที่แล้ว

      We love seeing support and positivity like this within the Firebase community! Thanks, Malik 😎

  • @viacheslavromanov3098
    @viacheslavromanov3098 3 ปีที่แล้ว +1

    Remote config and dynamic links please

  • @easy_english_123
    @easy_english_123 ปีที่แล้ว

    04:30 Register app
    07:44 Add path
    09:05 iOs

  • @viacheslavromanov3098
    @viacheslavromanov3098 3 ปีที่แล้ว +1

    Need more examples!!!

  • @Algardraug
    @Algardraug 3 ปีที่แล้ว

    I'd like to see a login flow with firebase auth and flutter!

  • @gautambedi591
    @gautambedi591 ปีที่แล้ว +1

    Hello develoers,
    firebase has an update and now this whole process is automated with the help of flutter cli.
    so search for that and follow along.
    Thank me later

  • @cappsinc.1299
    @cappsinc.1299 3 ปีที่แล้ว

    Add a video showcasing how to use FIREBASE MACHINE LEARNING for Flutter apps. Thanks

  • @Engeneerius
    @Engeneerius 2 ปีที่แล้ว

    What if you run Windows and don't have Xcode?

  • @hridyanshukumar8949
    @hridyanshukumar8949 2 ปีที่แล้ว

    6:46
    What did he mean by what he said?

  • @armandfotie3844
    @armandfotie3844 3 ปีที่แล้ว +4

    it well real great if you can make sing in and authanthification methode (phone and facebook, google) and register

  • @pamelaoutram142
    @pamelaoutram142 2 ปีที่แล้ว

    Looking for help with existing apps

  • @user-or7ji5hv8y
    @user-or7ji5hv8y 3 ปีที่แล้ว

    How about a tutorial on flutter web with fire base?

  • @sempiternalera
    @sempiternalera 2 ปีที่แล้ว

    Hey everyone. If there anyone available to help me about my flutter project ( errors). Please

  • @lovebirds7462
    @lovebirds7462 3 ปีที่แล้ว

    fantastic. I had one issue, which i was able to resolve by checking stackoverflow:
    in android build.gradle add multidex dependency:
    def multidex_version = "2.0.1"
    implementation "androidx.multidex:multidex:$multidex_version"
    and below dependencies add
    android {
    defaultConfig {
    multiDexEnabled true
    }
    }

  • @agung_laksana
    @agung_laksana 3 ปีที่แล้ว

    Running pod install takes forever 😭

  • @tameflame1229
    @tameflame1229 3 ปีที่แล้ว

    For the love of Glob please publish an official dart-based cloud functions and admin sdk. Please santa please.
    The current one we have isn't actively maintained...

  • @neo4now
    @neo4now 3 ปีที่แล้ว

    of Topic question: are there any plans on making firebase support full-text-search in near future ???
    - it's a real deal-breaker:(
    (and I know that there is Algolia that can help with that - but the dream is to have everything in firebase:S)

  • @shamhamxa5298
    @shamhamxa5298 2 ปีที่แล้ว +1

    options != null in flutter
    how to handle this error you people updated everything which is not updated yet are videos and documentation there is no clear help through the internet. all the videos training through internet are useless these things are not longer work..
    please whenever you change your thing make videos training and clear documentation first please we are not export on it . now how to handle these type of error ....... so disappointed

  • @jotaprende
    @jotaprende 3 ปีที่แล้ว

    1) Record events with analytics
    2) Personalize with remote config
    3) Catch errors with crashlytics

  • @MultiDevan13
    @MultiDevan13 2 ปีที่แล้ว

    Is it just me or he kinda looks like Robin Williams?

  • @vedantkejariwal520
    @vedantkejariwal520 2 ปีที่แล้ว

    pls help

  • @user-fc9vd6oh6j
    @user-fc9vd6oh6j 3 ปีที่แล้ว

    “Totally Not Fake Downloads Folder”

  • @mdjoniahmed...1519
    @mdjoniahmed...1519 3 ปีที่แล้ว

    hi

  • @kennercosta7859
    @kennercosta7859 3 ปีที่แล้ว

    Firebase Database Permission denied with read/write permissions set to false "!!!!!!!!!!!!!!