How to Setup Firebase in Flutter | Firebase CLI | Flutter Firebase

Поделиться
HTML-код
  • Опубликовано: 3 авг 2024
  • In this detailed Flutter Firebase tutorial, I will guide you through the setup of Firebase in your Flutter project. Starting with the installation of Firebase CLI using Node.js, we'll explore the command line interface for Firebase. Learn the nuances of logging in and out from Firebase via the command line or terminal, ensuring a seamless authentication experience.
    ► Complete E-Commerce App Playlist : • Professional Flutter E...
    🎊❤️ JOIN PATREON - WATCH PREMIUM CONTENT / membership
    🎊 E-COMMERCE APP
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    🎁 DOWNLOAD SOURCE CODE: codingwitht.com/product/flutt...
    ❤️ FLUTTER E-COMMERCE APP PLAYLISTS
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    ► Complete E-Commerce App : • Professional Flutter E...
    ► Section - 1 Configuration : • Professional Flutter P...
    ► Section - 2 Login App : • Professional Flutter P...
    ► Section - 3 eCommerce UI : • Flutter Complete Ecomm...
    ► Section - 4 Login Backend: • Flutter Firebase Cours...
    ► Section - 5 eCommerce Backend: • Flutter E-Commerce App...
    ❤️ SUBSCRIPTIONS
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    ► Join Patreon to Access Premium Content: / membership
    COURSES
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    ► FLUTTER CRASH COURSE • Flutter Crash Course f...
    ► LOGIN APP FIREBASE • Flutter Login App - UI...
    🧑‍💻 RELATED VIDEOS
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    ► All Products Page Design • Flutter All Products P...
    ► GetX Basics: • Flutter Firestore CRUD...
    CHAPTERS
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    00:00 Setup Firebase
    14:46 Get and Add SHA 1 and SHA 256
    17:25 How to Enable firestore database and firebase Storage
    FOLLOW US ON SOCIAL MEDIA
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    💻 Facebook | / codingwithtea
    💻 Instagram | / coding_with_tea
    ❤️ Subscribe | ruclips.net/user/Codingwithtea...
    #ecommerceapp #tstore #coding_with_t
    DETAILS
    1. Installing Firebase CLI with Node.js:
    Begin your journey by setting up Firebase CLI using Node.js. This is crucial as the Command Line Interface (CLI) is your gateway to Firebase's robust features. Follow our detailed instructions to get Node.js up and running on your device.
    2. Logging in and Logging out with Firebase CLI:
    Learn the intricacies of logging in and out from Firebase using the command line or terminal.
    3. Activating Firebase CLI and Troubleshooting:
    Activate Firebase CLI and troubleshoot common issues. Address the 'pub install executables into ***' error by adjusting your environment variables.
    4. Setting up Environment Variables:
    Delve into the importance of environment variables and learn how to add the necessary path to your 'Path' variable. This optimization ensures that Firebase CLI commands are executed seamlessly.
    5. Fetching and Selecting Projects with 'flutterfire configure':
    Execute the 'flutterfire configure' command to fetch and select projects linked to your Gmail account. This step ensures that your Flutter app is seamlessly connected to Firebase.
    6. Integrating Firebase into 'main.dart':
    Add the 'firebase_core' package and seamlessly integrate Firebase into your 'main.dart' file. This critical step sets the foundation for enabling advanced Firebase features in your app.
    7. Enabling Authentication, Firestore, and Storage in Firebase:
    Elevate your app's capabilities by enabling authentication, Firestore, and storage features in Firebase. Our guide will help you make the most of these powerful Firebase services.
    8. Adding SHA-1 and SHA-256 for Firebase Authentication:
    Ensure a smooth run of Firebase Authentication by adding SHA-1 and SHA-256 in Firebase. This essential step ensures the security and integrity of your authentication process.
    GENERATE SHA-1 & SHA-256
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Mac keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android
    Windows keytool -list -v -keystore "\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android
    Linux keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android
  • НаукаНаука

Комментарии • 72

  • @CodingwithT
    @CodingwithT  8 месяцев назад +9

    GENERATE SHA-1 & SHA-256
    ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
    Mac keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android
    Windows keytool -list -v -keystore "\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android
    Linux keytool -list -v -keystore ~/.android/debug.keystore -alias androiddebugkey -storepass android -keypass android

    • @whom4485
      @whom4485 2 месяца назад +1

      was working i had to downgrade my android version and use gradle to retrieve the Sha keys

  • @saurabhchauhan4516
    @saurabhchauhan4516 8 месяцев назад +5

    Thanks brother for explaining each step with expected errors along with their solution while setting up firebase for flutter project.
    You're are a saviour for me once again thank you. 👍

    • @CodingwithT
      @CodingwithT  8 месяцев назад

      I am glad to be helpful 🎊✌️

  • @hcrnn7518
    @hcrnn7518 7 месяцев назад +3

    Best flutter tutorial on youtube..Love it

    • @CodingwithT
      @CodingwithT  7 месяцев назад

      Thank you for your love and support ♥️

  • @user-tm9ns3ld3x
    @user-tm9ns3ld3x 8 месяцев назад +1

    Thank you very much for your great effort my dear brother. I ask God to reward you well for this effort ..... You are the best.

    • @CodingwithT
      @CodingwithT  8 месяцев назад

      So nice of you ❤️. Thank you for your kind words 🙏

  • @tabassam-ali
    @tabassam-ali 8 месяцев назад

    Thank you very much, you have set it up very well. ❤

  • @bill__j
    @bill__j 3 месяца назад

    Hi Leader, Great Video ever !! thank you so much

  • @simmiroy9188
    @simmiroy9188 5 месяцев назад

    You solved the major problem in the app thank you so much

    • @CodingwithT
      @CodingwithT  5 месяцев назад

      You're very welcome! I'm glad I could help you solve the major problem in your app.

  • @noxtube7937
    @noxtube7937 4 месяца назад

    Thank you for this usful tutorial, you help me to create my first firebase data

    • @CodingwithT
      @CodingwithT  4 месяца назад

      You're welcome! I'm glad the tutorial was helpful for you in creating your first Firebase data. If you have any more questions or need further assistance with Firebase or anything else, feel free to ask!

  • @zachwild2178
    @zachwild2178 Месяц назад

    Great video. Super helpful!

    • @CodingwithT
      @CodingwithT  16 дней назад

      Thank you! I'm glad you found the video helpful! 😊

  • @Mhmd_SHA
    @Mhmd_SHA 6 месяцев назад

    what an amazing explanation bro.. Thanks again :) T

  • @neelamjain7732
    @neelamjain7732 4 месяца назад

    Awesome Job... Thanks!

  • @AsholProperty
    @AsholProperty 7 месяцев назад

    you saved me man

    • @CodingwithT
      @CodingwithT  7 месяцев назад

      I'm glad it's helpful 😁

  • @muhammadmajid2178
    @muhammadmajid2178 8 месяцев назад

    Thank you

  • @chewlsyy
    @chewlsyy 2 месяца назад

    Hi, i encountered problem on this section. I code on Android Studio connected to Git. Is it normal for my firebase_options.dart and firebase.json file to be highlighted/lined red? For context, I already add the firebase_core into dependencies as well as commit and push both files to Git.
    Also I notice yours doesn't have firebase.json file. In my case, it was added directly under my root project (same directory as pusbec.yaml etc) during 9:40 step.
    Update: solved the issue by disconnecting with git

  • @khabibali4967
    @khabibali4967 2 месяца назад

    Walikum Salam Sir. Sir I installed Fire-Store through cli now when I try to enable the Fire-Sotre database it asks me to enable the payment option what I do because before this it directed me fire-store database without payment options.

  • @godkingus
    @godkingus 8 месяцев назад +1

    here, here, here. 27 minutes left :v

    • @CodingwithT
      @CodingwithT  8 месяцев назад

      So nice of you 😊💕

  • @AINULMARDHIYYAHBINTIZAMZURI
    @AINULMARDHIYYAHBINTIZAMZURI 3 месяца назад

    Hello sir, the last step you show run command flutterfire configure. Why it said i need to download cli again although I do it in the right way

    • @CodingwithT
      @CodingwithT  3 месяца назад +1

      Please make sure you're running the command in the correct directory where your Flutter project is located. If you continue to face issues, I recommend following the steps again. May be you missed something.
      If you encounter the same problem you can contact me on WhatsApp.

  • @dragonthis7948
    @dragonthis7948 6 месяцев назад

    does the test mode on firebase means after 30 days i will need to create a new database?

    • @CodingwithT
      @CodingwithT  6 месяцев назад

      You just have to modify the rules of that database.

  • @manohar.acharya
    @manohar.acharya 8 месяцев назад +1

    what state management is used in this project?

    • @CodingwithT
      @CodingwithT  8 месяцев назад +1

      Currently we are going to use Getx and later on I might also create the same Backend using other state managements

  • @jackchang9006
    @jackchang9006 2 месяца назад

    In 10:24, the null safety problem happen to me, it says that my dart sdk is 2.9.0 and the version must >=2.12.0-0

    • @CodingwithT
      @CodingwithT  Месяц назад

      Create a new project and that will be created depending on your SDK

  • @ahmedmunir5200
    @ahmedmunir5200 5 месяцев назад

    key store file does not exist in the .android folder what should I do now?

    • @CodingwithT
      @CodingwithT  5 месяцев назад

      If you can't locate the keystore file, you may need to regenerate it. You can do this using the keytool command-line utility provided by the Java Development Kit (JDK). Make sure to securely store the new keystore file and its credentials.

  • @user-nj8sm8gc1s
    @user-nj8sm8gc1s 5 месяцев назад

    npm install -g firebase-tools
    'npm' is not recognized as an internal or external command,
    operable program or batch file.

    • @CodingwithT
      @CodingwithT  5 месяцев назад

      Have you installed the Node.js

  • @zulfiqaralihunzai
    @zulfiqaralihunzai 6 месяцев назад

    Showing error during the android terminal command hit
    keytool : The term 'keytool' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a
    path was included, verify that the path is correct and try again.

    • @CodingwithT
      @CodingwithT  6 месяцев назад +1

      check your environment variable. if your issue persists contact us on whatsapp

    • @krishnakumar-sy1gk
      @krishnakumar-sy1gk 3 месяца назад

      bro did uh found out the error?

    • @zulfiqaralihunzai
      @zulfiqaralihunzai 3 месяца назад

      @@krishnakumar-sy1gk yes set your envirnoment variables

  • @RohanKamble-tt2de
    @RohanKamble-tt2de Месяц назад

    10.57
    i dont get it

  • @kaanbircan1815
    @kaanbircan1815 2 месяца назад

    When I run firebase login, I get cannot be loaded because scripts are disabled error

    • @ammartalal1239
      @ammartalal1239 2 месяца назад

      You need to run this command first "Set-ExecutionPolicy RemoteSigned" the you will be able to run the firebase command

  • @Liuyap
    @Liuyap 5 месяцев назад

    why provisioning cloud firestore takes a long time?

    • @CodingwithT
      @CodingwithT  4 месяца назад

      Provisioning Cloud Firestore can take time due to various factors such as resource allocation, configuration, network latency and backend operations.

  • @MaureenNshimiyimana
    @MaureenNshimiyimana 4 месяца назад

    keytool is not recognized as an internal or external command

    • @CodingwithT
      @CodingwithT  4 месяца назад

      Please check the directory of terminal and also if there is any $ sign remove it.
      Also check Env Variables

  • @foodworld216
    @foodworld216 7 месяцев назад

    flutterfire configure
    'flutterfire' is not recognized as an internal or external command,
    operable program or batch file.

    • @CodingwithT
      @CodingwithT  7 месяцев назад

      Please check your environment variables and do the restart

    • @tomasdelfinageronimo927
      @tomasdelfinageronimo927 4 месяца назад

      I have the same problem, how can i do that @@CodingwithT

  • @djamamockejoel159
    @djamamockejoel159 2 месяца назад

    i am unable to see my project on Firebase. any help

  • @RehmanJutt-zo4eg
    @RehmanJutt-zo4eg Месяц назад +1

    any one show this error plss folow this stups..
    go to envarment veriable and user variable and go path and add your java path for ex this was me
    and restart your id
    keytool : The term 'keytool' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is
    correct and try again.

    • @user-wx1lo8ex2l
      @user-wx1lo8ex2l Месяц назад

      for me i had to add my android studio bin path i don't know why

  • @innovators2777
    @innovators2777 4 месяца назад

    Hello sir, I am getting an error, while getting an SHA-1 & SHA-256, keytool -list -v -keystore "C:\Users\mohammad\.android\debug.keystore" -al
    ias androiddebugkey -storepass android -keypass android
    keytool error: java.io.IOException: Integrity check failed: java.security.NoSuchAlgorithmException: Algorithm HmacPBESHA256 not available
    java.io.IOException: Integrity check failed: java.security.NoSuchAlgorithmException: Algorithm HmacPBESHA256 not available,

    • @CodingwithT
      @CodingwithT  4 месяца назад +1

      Hi,
      The error message indicates that there is an issue with the algorithm HmacPBESHA256 not being available. This could be due to various reasons, such as an outdated version of Java or a misconfiguration in your Java environment.

    • @innovators2777
      @innovators2777 4 месяца назад

      @@CodingwithT thanks but I found solution.