Firebase Authentication | Register, Login, Signout with Email & Password

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 ต.ค. 2023
  • Firebase Authentication v9, v10
    Register, Login, Signout with firebase auth v9 v10
    firebase auth Add User UID to realtime database
    firebase auth save data to realtime database
    Firebase Auth Tutorials: (Playlist)
    • Firebase Authenticatio...
    Watch Same Tutorial but with Cloud Firestore Database:
    • Firebase Authenticatio...
    Documentation:
    firebase.google.com/docs/auth...
    Software Used In Tutorial:
    - Visual Code (64-bit) User
    Project Description:
    - HTML, CSS, JavaScript
    - Bootstrap v5.3
    - Google Firebase Realtime Database v10.3
    - Google Authentication (Firebase version 10)
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @HassaanRaza
    @HassaanRaza  8 หลายเดือนก่อน +2

    Amazing new video, which shows the important firebase auth functions such as
    deleteUser, reauthenticateWithCredential, EmailAuthProvider, onAuthStateChanged
    watch now:
    th-cam.com/video/3utuVBKm1xk/w-d-xo.html

  • @misterdanger4727
    @misterdanger4727 4 หลายเดือนก่อน +1

    well, i have to say that, at first it was just feeling like you can never teach me something, but I was totally WRONG, Thanks a bunch, liked and subscribed, keep it up buddy.

    • @HassaanRaza
      @HassaanRaza  4 หลายเดือนก่อน

      hehehe thanks for the praise :)

  • @syedafaiza614
    @syedafaiza614 7 หลายเดือนก่อน +2

    I have a issue can you plz guide me home.html is not showing when i clicked on login

  • @mylearningsources6332
    @mylearningsources6332 8 หลายเดือนก่อน +1

    It works like a charm. Thank you so much Hassaan!

  • @swagathaldar
    @swagathaldar 5 หลายเดือนก่อน +2

    10:00 is time stamp pr.....mera user credentials console pr nhi dikha rha and firebase pr bhi nhi dikha rha...pls help pr...aaj submissions h mere...

  • @ilavras
    @ilavras 5 หลายเดือนก่อน +1

    Congratulations on the playlist, I followed the 4 videos and the result was 100%.
    I suggest that you prefix the videos in the playlist (01, 02, 03, 04) to the correct sequence, as it got confusing. Thank you from Brazil.

    • @HassaanRaza
      @HassaanRaza  5 หลายเดือนก่อน +1

      hmm sure, thanks for the suggestion :)

  • @tourushi9137
    @tourushi9137 2 หลายเดือนก่อน

    I swear, I'd be doomed if I hadn't found your TH-cam channel. Huge thanks for the awesome tutorials.

    • @HassaanRaza
      @HassaanRaza  2 หลายเดือนก่อน +1

      hehe you're welcome, thank you for appreciating :)

  • @ariel_joe
    @ariel_joe 7 หลายเดือนก่อน +2

    Bro why i can't write data to the realtime database?

  • @charlenem6040
    @charlenem6040 5 หลายเดือนก่อน

    this works, thank you so much!

  • @STEMMadeSimple2023
    @STEMMadeSimple2023 6 หลายเดือนก่อน

    Great! How does the redirect part (at the end) work?

  • @bisforbiggie1632
    @bisforbiggie1632 7 หลายเดือนก่อน +3

    User gets detected by authentication but not by realtime database

  • @arisrobles4742
    @arisrobles4742 4 หลายเดือนก่อน

    It works! But when I sign in into another account, same activity to that previous account is being saved. Could someone provide a tutorial video?

  • @phuhoang415
    @phuhoang415 9 หลายเดือนก่อน

    U got me bro !

  • @user-xs5js9tt4e
    @user-xs5js9tt4e 10 หลายเดือนก่อน +3

    You are a life saver bro 🙌

  • @mitsuha16
    @mitsuha16 9 หลายเดือนก่อน

    when i open it in default browser a blank page opens

  • @lucanwolf6604
    @lucanwolf6604 8 หลายเดือนก่อน +1

    I followed everything in order, double checked a lot of times now. but when I click on Login it doesn't redirect me to home.html, how to fix?

    • @AbidMA
      @AbidMA 7 หลายเดือนก่อน

      Did u do app route in python?

  • @asaadkittaneh2928
    @asaadkittaneh2928 2 หลายเดือนก่อน

    amazing thanks

  • @ahmethakanaltparmak5890
    @ahmethakanaltparmak5890 8 หลายเดือนก่อน +1

    I did everything as you did but same error every time: Firebase: Error (auth/network-request-failed).

  • @renkazuki8177
    @renkazuki8177 9 หลายเดือนก่อน +6

    Hello, I followed the code and everything, and I didn't also have any errors, somehow when I register a user it doesn't detect to firebase. How do I fix this?

    • @Slurpyyy
      @Slurpyyy 4 หลายเดือนก่อน

      have you found a fix yet?

    • @Arr4fi
      @Arr4fi หลายเดือนก่อน

      @@Slurpyyy bro shes asking

    • @Slurpyyy
      @Slurpyyy หลายเดือนก่อน

      @@Arr4fi brother she posted that comment 7 months ago, also found the fix

  • @faizshah5902
    @faizshah5902 7 หลายเดือนก่อน

    Hi sir. Can you teach on how to update or add new data from the current logged in user ?

  • @bitbytecodes
    @bitbytecodes 27 วันที่ผ่านมา

    Thanks.

  • @UnknownLearner-od3qn
    @UnknownLearner-od3qn 5 หลายเดือนก่อน +1

    we are writing this in index.js or in script of html on frontend what is someone get our apikey from configuration and misuse it

    • @HassaanRaza
      @HassaanRaza  4 หลายเดือนก่อน

      you are right, this is just a demonstration, otherwise you don't won't to use javascipt directly in your web app, instead we have backend server running asp.net or nodejs and sensitive files/configuration are safe on the server.

  • @harsh823q
    @harsh823q 3 หลายเดือนก่อน

    Thnkiu so much ❤

  • @louisnevot
    @louisnevot 7 หลายเดือนก่อน

    This video is amazing but I'm having issues with the UserCreds, could you please share the source code 🙏

  • @alirazaramejo
    @alirazaramejo 7 หลายเดือนก่อน

    who to make Rollbase login

  • @nettyYTube
    @nettyYTube 9 หลายเดือนก่อน

    an getting this error Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
    any help

    • @HassaanRaza
      @HassaanRaza  9 หลายเดือนก่อน

      you're making mistake in getting the element from document,
      like writing the id wrong, etc.
      so element is not found, and you try to do null.addeventlistner thats why you are getting this error.

    • @nettyYTube
      @nettyYTube 8 หลายเดือนก่อน

      ive fixed it
      @@HassaanRaza

  • @guyc.9106
    @guyc.9106 9 หลายเดือนก่อน +1

    I have a big problem: it says Firebase: Error (auth/invalid-login-credentials). Someone please help me.

    • @HassaanRaza
      @HassaanRaza  9 หลายเดือนก่อน

      it simple means email, and password does not matches, the credentials stored on firebase auth.
      put console.log() before the auth function check what email and password values are you sending on furebase auth.

    • @guyc.9106
      @guyc.9106 9 หลายเดือนก่อน

      @@HassaanRaza I've tried checking. It's the same.

  • @triplejay521
    @triplejay521 4 หลายเดือนก่อน +1

    Hi The Amazing Codeverse , thank you for the video! Can I request you do a tutorial on Firebase realtime database? Mainly after the login/register function , how do you save form data unique to that user that is currently logged in?

    • @HassaanRaza
      @HassaanRaza  4 หลายเดือนก่อน

      actually in the video we are saving firstname and lastname which is data unique to user in realtime database

    • @HassaanRaza
      @HassaanRaza  4 หลายเดือนก่อน

      and if you want to change the users data later, i have posted a video on update password and user information but its better the watch the videos in sequence for best understanding, so you may follow playlist 😊

    • @triplejay521
      @triplejay521 4 หลายเดือนก่อน

      @@HassaanRaza I see , ok thank you very much sir! Appreciate the reply

  • @zmoonmaru8242
    @zmoonmaru8242 9 หลายเดือนก่อน +1

    it says "get not defined" in my login page

    • @aichaccp
      @aichaccp 7 หลายเดือนก่อน

      Same with me

  • @oskarpyc1632
    @oskarpyc1632 8 หลายเดือนก่อน

    I keep getting this error "Uncaught ReferenceError ReferenceError: createUserWithEmailAndPassword is not defined". Do you have any ideas? Thanks

    • @henriquecw22
      @henriquecw22 8 หลายเดือนก่อน +2

      Did you import this?

    • @HassaanRaza
      @HassaanRaza  8 หลายเดือนก่อน +1

      you must have forgotten to import it from firebase auth with the other auth functions or you might have used different spelling or case.

    • @oskarpyc1632
      @oskarpyc1632 8 หลายเดือนก่อน

      @@HassaanRaza Yes you were right. I accidentally had the Firebase script in two seperate scripts. My mistake. Now I have another problem :(.. Firebase: Error (auth/admin-restricted-operation).

    • @oskarpyc1632
      @oskarpyc1632 7 หลายเดือนก่อน

      @@HassaanRaza Hi any ideas on this? Still haven't managed to get a fix :(

  • @lilshex
    @lilshex 9 หลายเดือนก่อน +1

    the page keeps reloading when i try click sign in, cant seem to fix it

    • @HassaanRaza
      @HassaanRaza  9 หลายเดือนก่อน

      check

    • @lilshex
      @lilshex 9 หลายเดือนก่อน

      When I check the type to button , the button stops responding and nothing happens, I've tried different firebase tutorials and I get the same problem , it either refreshes, or when I change it to type="button" it stops working & nothing happens

    • @HassaanRaza
      @HassaanRaza  9 หลายเดือนก่อน

      @lilshex its not about the tutorials man, check browser's console if any error fix that error if no error than put alert in function to check that the sign in button is working or not.

    • @lilshex
      @lilshex 9 หลายเดือนก่อน

      I've done all that it just keeps refreshing, the console doesn't say anything no errors or issues. Even when I use alert()

  • @HarshitMalhotra_
    @HarshitMalhotra_ 4 หลายเดือนก่อน

    please provide the source code also i your description

  • @aichaccp
    @aichaccp 7 หลายเดือนก่อน

    ❤❤❤❤❤ thnks

  • @W.i.s.e.K.i.n.g
    @W.i.s.e.K.i.n.g 3 หลายเดือนก่อน

    Great lesson
    Source code please 🙏

  • @Sasraa
    @Sasraa 9 หลายเดือนก่อน

    Thank you sooo much master!

    • @HassaanRaza
      @HassaanRaza  9 หลายเดือนก่อน

      You're welcome :)

  • @user-jf1pc4us8q
    @user-jf1pc4us8q หลายเดือนก่อน

    Sir,
    Your tutorial is great. But I have a question in my mind. If someone inspects the website ,can easily copy and paste the Firebase configuration and can easily get access to it. So how can the problem be solved? Please help😢

    • @HassaanRaza
      @HassaanRaza  หลายเดือนก่อน

      yes this is true but firebase work on the basis of these credential, you can use any custom logic to make the credentials harder to find but still with some efforts anyone can see them.
      firebase config is suppose to be on client side because this is how firebase identifies which db to use its like its address you cannot restrict it.
      basically you implement security in firebase through firebase rules, you make your db readonly for anonymous users, you can restrict access to only autorized users, for general public you can set the rules to readonly.

    • @user-jf1pc4us8q
      @user-jf1pc4us8q หลายเดือนก่อน

      @@HassaanRaza sir can you please make a tutorial on that. Like securing realtime db without using Firebase authentication , and also having some credentials practical uses in http referrer website single page and for also multi page.

  • @dhilian835
    @dhilian835 7 หลายเดือนก่อน

    Veer contact kithe kra tere nal?

  • @grc__
    @grc__ 4 หลายเดือนก่อน +1

    ajudou dms

  • @user-hr5jp2er8b
    @user-hr5jp2er8b 16 วันที่ผ่านมา +1

    Moving to Html which after login is not work..

    • @HassaanRaza
      @HassaanRaza  15 วันที่ผ่านมา

      we have import statement where we define all the functions, set, get whatever, you may have missed get over there

    • @user-hr5jp2er8b
      @user-hr5jp2er8b 11 วันที่ผ่านมา

      @@HassaanRaza bro Where my Comment gone to

  • @animerenewed
    @animerenewed 4 หลายเดือนก่อน

    Sir how to keep the user logged in untill he log out.. can please help me😊

    • @HassaanRaza
      @HassaanRaza  4 หลายเดือนก่อน

      we have session storage which keeps information until the browser is closed, and we have localstroage which keeps information until it is manually removed, you have to make logic to save data in localstorage and then read loggin data from localstorage

    • @HassaanRaza
      @HassaanRaza  4 หลายเดือนก่อน

      i'll see if i can make a video on this in future.

  • @mohammadkhalafIraqi
    @mohammadkhalafIraqi 8 หลายเดือนก่อน

    Thank you

  • @TheAlibaadshah
    @TheAlibaadshah 10 หลายเดือนก่อน

    and how to change password ?

    • @HassaanRaza
      @HassaanRaza  10 หลายเดือนก่อน +1

      you can wait for future videos, meanwhile you can checkout docs:
      firebase.google.com/docs/auth/web/manage-users

  • @dienau6313
    @dienau6313 9 หลายเดือนก่อน +1

    can you add the option forgot passsword?

    • @HassaanRaza
      @HassaanRaza  9 หลายเดือนก่อน +1

      in the upcoming videos yes, stay tuned.

    • @dienau6313
      @dienau6313 9 หลายเดือนก่อน +1

      thank you@@HassaanRaza

    • @HassaanRaza
      @HassaanRaza  9 หลายเดือนก่อน +2

      video is now live.

  • @HassaanRaza
    @HassaanRaza  9 หลายเดือนก่อน

    watch same tutorial but with Cloud Firestore Database: th-cam.com/video/lEPGHKEx9yU/w-d-xo.html

  • @HassaanRaza
    @HassaanRaza  21 วันที่ผ่านมา

    Retrieve Firebase Data Into Html Table Tutorial:
    th-cam.com/video/8GnPrvjgg5M/w-d-xo.html

  • @ffpro3515
    @ffpro3515 9 หลายเดือนก่อน

    Nice Video Bro and thank you.

  • @dhilian835
    @dhilian835 7 หลายเดือนก่อน

    Koi mail id hi de chhad veer mere