Setting up Firebase for Flutter (Connecting Android, iOS, and Web) Flutter Firebase 2023 [#1]
Вставка
- Опубліковано 3 лип 2023
- #flutter #firebase #ios #android #database #firebasedatabase #firebasetutorial #integration #flutterapp #firebasez #course #flutterfirebase
Written Tutorial: / how-to-setup-firebase-...
Welcome to the Flutter Firebase Series, where we explore the powerful integration of Flutter and Firebase to create incredible apps! In this first video of the series, we'll guide you through the process of setting up Firebase in your Flutter project, connecting seamlessly across Android, iOS, and the web.
Firebase provides a comprehensive suite of tools and services that simplifies backend development, allowing you to focus on building engaging user experiences. From user #auth real-time data syncing, Firebase has got you covered.
By the end of this video, you'll have a solid foundation in Firebase for Flutter, enabling you to leverage the power of Firebase services in your apps. So, whether you're a beginner or an experienced Flutter developer, this video is perfect for you!
Stay tuned for the upcoming videos in this series, where we'll explore Firebase Authentication, Cloud Firestore, Cloud Storage, Cloud Functions, Analytics, Performance Monitoring, and more. Subscribe to our channel and hit the notification bell to make sure you don't miss any of the exciting content coming your way. #googlefirebase
🌎 Find Me Here :
LinkedIn Profile : / muhammad-hassan-b90851253
GitHub Profile: github.com/hassank185
Instagram : / dev.hassankhan - Наука та технологія
![Firebase Authentication for Flutter | Firebase Dependencies, UI Design | Flutter Firebase 2023 [#2]](http://i.ytimg.com/vi/uOTaHoB-YmA/mqdefault.jpg)
![Firebase Authentication for Flutter | Firebase Dependencies, UI Design | Flutter Firebase 2023 [#2]](/img/tr.png)
Best video on UA-cam for firebase set-up. Thank you
perfect, please continue
Best video for firebase setup Thanksss
perfect!😁
Best Explanation for Firebase... Thanks Brother
Great Video Thank u
Thankuuu brother ❤❤
you're the best
Thanks dear
Thanks man.
SUCH A DETAILED YET STRAUGHT FORWARD TUTORIAL.
YOU DESERVE MORE LIKES
THANK YOU SO MUCH FOR THIS
bhai to firr aap hi karoge hamara integration
Right on point and detailed, no time wasted👍👍👍
thanks it helped
🎉🎉great video sir
Thank you
You're welcome
Thanks for this.
Please I am having problems setting up my Google sign in using firebase.
It is showing undefined class 'GoogleSignIn' despite importing all the required packages
Stay tuned we'll cover almost all authentication methods
Hey, thanks for the great video, I have one more question:
I've always read that you need a MacBook to set up and use Firebase with Flutter. Do you happen to know if I can fully develop and publish my app with this Firebase setup for iOS on a Windows device, like you showed here? Now if I understand correctly, I "only" need a macOS device to build the final app with xcode, but I've heard that I can avoid that by using codemagic to build the app.
Yeah you're right for developing an ios you need Macos. You can create the whole app in windows also but for tasting you will need it .
@@codingxtalk thanks a lot :)
My man! Whats the end goal of this series? I want to be able to create an login and profile creation and get to a home screen. Is this the goal?
The end goal of this series is , you'll get knowledge about how we can make a production level app using flutter and firebase. For now these are the basic method of firebase. we'll go for full project also stay tuned!
This is a good tutorial though hasn't covered for guys using the CLI
I am working on it it'll be there soon
I did it everything correctly but I still get en error, Firebase has not been correctly initialized.
Usually this means you've attempted to use a Firebase service before calling `Firebase.initializeApp`. Do you have any idea what this bug is?
Re follow the method of initializing firebase to flutter. Or try to do it with firebase cli
what is you're command\shortcut in 6:34 minutes in the vid when you clicked the 'Firebase' in line 6 of the main.dart because when i Clicked the 'Firebase' nothing popped up
alt+enter is the command to show the abbreviation
Nothing happens for me@@codingxtalk
on my android/app/build.gradle there is no apply plugin. so where should place the plugin?
Due to the update of Android studio the apply plugins has been removed and only plugins is replaced by it
you'll find this in the same directory
plugins {
id "com.android.application"
id "kotlin-android"
id "dev.flutter.flutter-gradle-plugin"
id "com.google.gms.google-services"
}
paste the google services here
@@codingxtalk ah i see, thanks for the information.
fyi:
actually the package com.google.gms.google-services is typo, it's "com.google.gms:google-services"
@@codingxtalk The same thing happened to me so I put the plugin id in the plugins field { }, I was creating a new line with "apply plugin :"com.google...", thanks master!
I can not click on Firebase and Import firebase library.. what should I do there?
Sorry for the late reply! Add the latest firebase library in your pubspec.ymal file and pub get it after that you'll be able to import the firebase libraries. if you still facing the same issues just go to the specific package that you are using you'll see their import copy it and paste it in your project.
A lot of issues are in this content. Please move to next
Means ??
how do you solve this unhandled-exception-platformexceptionnull-error-host-platform-returned-null-v
Yeah that's the issue occured in the recent week with firebase new video will be here soon
I managed to fix it...i had to add the firebase_options.dary file that i used to determine the platform
i am using android studio 2023.2.1 and i dont see build script in my gradle, can anyone help
add that manually
is it compatible to android if i use ios in firebase or use flutter?
For the iOS there's some settings like for Android we did here in this video. When you click on the ios icon in the firebase they'll provide you the documentation follow it and you'll set up ios.
Hi, Please share the source code if possible
Does any documentation and reference show the step you did? Cuz I got many unknown bugs using firebase_cli and even follow the firebase_cli documentation. So I would like to refer to the document that provides the method you did. This is very important to me; I must write a report explaining my project.
We are working on it to write the written tutorial for it. stay tuned!
Check out the written tutorial in the Description.
@@codingxtalk thanks
this process it way to long, why are we not using flutter CLI to setup every platform for us
Did you know that liking my comments do not acutally help me in any way?
Sorry for the late reply! really appreciate your patience 😀
[VERBOSE-2:dart_vm_initializer.cc(41)] Unhandled Exception: [core/not-initialized] Firebase has not been correctly initialized.
I tried the same you did on 5:00 . I had the error Supplied String module notation 'com.google.gms.google-services4.4.0' is invalid. Example notations: 'org.gradle:gradle-core:2.2', 'org.mockito:mockito-core:1.9.5:javadoc'.
To solve this simply you have to replace the
'com.google.gms.google-services4.4.0'
with
"com.google.gms:google-services:4.4.0"
* What went wrong:
A problem occurred evaluating root project 'android'.
> Supplied String module notation 'com.google.gms.google-services4.3.15' is invalid. Example notations: 'org.gradle:gradle-core:2.2', 'org.mockito:mockito-core:1.9.5:javadoc'. how can solved this error please help me
This error occured because there are some missing colon. just replace the
'com.google.gms.google-services4.3.15'
TO
classpath 'com.google.gms:google-services:4.3.15'
FAILURE: Build failed with an exception.
* What went wrong:
A problem occurred configuring root project 'android'.
> Could not resolve all files for configuration ':classpath'.
> Could not find com.google.gms.google-services:4.3.15:.
Required by:
project : (May i ask why am i having this error ?) thank you!
This error occured because there are some missing colon. just replace the
'com.google.gms.google-services4.3.15'
TO
classpath 'com.google.gms:google-services:4.3.15'
i am still getting this error i have putted the colon as well, i have this classpath 'com.google.gms.google-services:4.4.0'
@@codingxtalk