100 thoughts on “Getting started with Firebase Auth on the Web – Firecasts

  1. Aron Einhorn Post author

    David, anyway I can use Office365 SSO (Azure AD v2.0 endpoint) to authenticate users for Firebase? (I said "Microsoft?!?! ;(….

    Reply
  2. Kartik Keyan Post author

    I'm building an app for our volunteers who help the world, and I want to provide volunteers the ability to log in, but no one else. This would mean not allowing registrations, or login unless they were already in the database.
    I would be interested to know how this can be achieved with FireBase.
    thnkx

    Reply
  3. pratyush ranjan Post author

    amazing tutorial…super simple and highly informative.

    Reply
  4. My School Post author

    I am getting this error
    ERROR: Uncaught TypeError: firebase.auth is not a function.

    can u help me resolve this asap
    thanks in advance

    Reply
  5. JooVuu Post author

    When I run it in the console shows no errors but when I press the login button or make up a random email i also get no errors – ie the buttons seem to be doing nothing? Any ideas?

    Reply
  6. Godwin Premkumar Post author

    Can you make a signup form with firebase with username,password ,email,profile picture,gender??

    Reply
  7. David Serrada Post author

    Is this only works with firebase database? Can I implement this in NodeJS and MongoDB?
    Thanks

    Reply
  8. Mobile Developer Post author

    Can you share the whole code needed for all firebase authentications?
    One div for all types of authentications like Google OAuth, Facebook OAuth,Email Auth,Phone number Auth, Twitter OAuth etc.?

    Please?

    Reply
  9. Joshua del Mar Post author

    i got "The email address is badly formatted." error on both login and sign up.. any solutions? i followed the instructions tho

    Reply
  10. Przemysław Rega Post author

    Hi is there a possibility to get your css file? great video btw 🙂

    Reply
  11. Ciano Channel Post author

    Hi, as promised at the beginning of the video i'm seeking videotutorial to bind AngularJS 1.x with FIRESTORE. Is it possible? Thank you

    Reply
  12. DarkCaveStudios Post author

    android what is keystore , fingerprint , sha-1 ,oAuth2 , client

    Reply
  13. Noormohammed Shikalgar Post author

    hey, i was working on an app and i have to use the same database for android and web both but the web is working properly and android is not working it is giving me the reference properly but not adding anything to it … whats the problem dude … help me out will you ?

    Reply
  14. Jacolby Green Post author

    You guys should do one of these videos using the other providers in a demo. I think that would be great!

    Reply
  15. Noormohammed Shikalgar Post author

    hey, can we use same firebase database for both android and web it is possible because i tried it works with web but not with android is there any way to use same database on both web and android at the same time please tell me i really need your help please….

    Reply
  16. Mobile Developer Post author

    Console says sytax error because of => in the code. How to solve it?

    Reply
  17. DarkSwordsman Post author

    The only thing I don't understand is that it seems you are exposing your credentials to the user in app.js. I'm sure you can just do the authentication server side and send/receive tokens or messages from the client.

    Reply
  18. Bob Jones Post author

    @askfirebase also can you post the style.css? thank you. 🙂

    Reply
  19. Ashish Chaudhary Post author

    hi! In your tutorial when you press log out button then it hides that button but Why I need to refresh after that log out button hide.???

    Reply
  20. Ashish Kumar Post author

    This is my login code
    function login()
    {
    var email=document.getElementById("un").value;
    var password=document.getElementById("pass").value;
    firebase.auth().signInWithEmailAndPassword(email, password).catch(function(error) {
    // Handle Errors here.
    var errorCode = error.code;
    console.log(error.Message);

    });
    }
    firebase.auth().onAuthStateChanged(function(user){
    if(user){
    //alert(user)
    window.location="dashboard.html";
    }
    else
    {
    alert("sign out");
    }
    });
    if my userid is wrong then my page in redirected.why this is happening can anyone know this.

    Reply
  21. Hunny Gupta Post author

    It is showing not logged in every i try to sign up ? any idea how to solve this

    Reply
  22. Danny Audio Post author

    But people can create users calling the ''create method" from the console and write garbage on your database.

    Reply
  23. Athalens photography Post author

    I am getting the following error. "Error: A network error (such as timeout, interrupted connection or unreachable host) has occurred." I am hosting on the firebase hosting system and it is whitelisted so not sure why I am still getting this error.

    Reply
  24. Hiren Vekariya Post author

    worst video i ever seen they don't provide any type of pre-requirement of coding and also they don't provide proper information for Beginners

    Reply
  25. Marko Melko Post author

    How to manage different user roles in a correct way? Example case: "there could be (1)Normal users who can sign in to web-app's Events after they have logged in and (2)Organizer users who can create Events for normal users :)" There is some discussion at https://stackoverflow.com/questions/43866550/firebase-set-roles-to-users but that seems kind of hard way?

    Reply
  26. Vipul Sharma Post author

    Where does it store these users, on firebase database? How can I store them in MongoDB.

    Reply
  27. Anil Kundar Post author

    i got like this .
    Failed to load https://www.googleapis.com/identitytoolkit/v3/relyingparty/getAccountInfo?key=AIzaSyCqySPZ2NO53qr3MKASoEyPhHOaRoxdX40: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'null' that is not equal to the supplied origin. Origin 'null' is therefore not allowed access.
    script.js:27 A network error (such as timeout, interrupted connection or unreachable host) has occurred.

    Reply
  28. Nyasha Chitiyo Post author

    hi i am able to sign up but when i try to login i'm getting the following error

    Failed to load https://www.googleapis.com/identitytoolkit/v3/relyingparty/getAccountInfo?key=AIzaSyCF-2eltn6ArGyTfOLhOms2O15Vip6UDJ0: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'null' that is not equal to the supplied origin. Origin 'null' is therefore not allowed access.
    authentication.js:28 A network error (such as timeout, interrupted connection or unreachable host) has occurred.

    Reply
  29. Nyasha Chitiyo Post author

    @askfirebase hi i am able to sign up but when i try to login i'm getting the following error

    Failed to load https://www.googleapis.com/identitytoolkit/v3/relyingparty/getAccountInfo?key=AIzaSyCF-2eltn6ArGyTfOLhOms2O15Vip6UDJ0: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'null' that is not equal to the supplied origin. Origin 'null' is therefore not allowed access.
    authentication.js:28 A network error (such as timeout, interrupted connection or unreachable host) has occurred.

    Reply
  30. Dan Byler Post author

    I'm getting the error below. Anyone know what to do with this?

    Failed to load https://www.googleapis.com/identitytoolkit/v3/relyingparty/getAccountInfo?key=AIzaSyCQO6eaDQEgTaNgLbe0MTLEGzOF8esIJ04: Response to preflight request doesn't pass access control check: The 'Access-Control-Allow-Origin' header has a value 'null' that is not equal to the supplied origin. Origin 'null' is therefore not allowed access.

    Reply
  31. Alkesh Miyani Post author

    It's an awesome tutorial to understand everything with firebase. It's very simple tutorial but it gave me all guidelines for the firebase login.

    Thank you very much for the great tutorial 🙂

    Reply
  32. OverLord Gaming Post author

    what app are you using to develop a html? pls help me because in sublime i cant get acces in js.

    Reply
  33. Roberto Sepúlveda Post author

    Does this work from php with an echo '<script>…' ?

    Reply
  34. Hemanshi singh Post author

    हम सबसे कम कीमतों में G Suite (Google Email Hosting) प्रदान करते हैं Now you can ping me on skypeid : HEMANT_136, #GSuiteGoogleEmailHosting

    Reply
  35. Nibedita Das Post author

    getting Uncaught TypeError: Cannot read property 'addEventListener' of null
    and Ur {code: "auth/argument-error", message: "createUserWithEmailAndPassword failed: First argument "email" must be a valid string."}code: "auth/argument-error"message: "createUserWithEmailAndPassword failed: First argument "email" must be a valid string."__proto__: Error
    Wc @ auth.js:286
    r @ auth.js:289
    btnSignup.addEventListener.event @ main.js:44
    auth.js:
    any solution would be appreciated

    Reply
  36. Sushanth Bobby Post author

    Can you please take a session on nodejs and firebase authentication on server side( token verification part ). In the app, in each webpage I am authenticating to get UID just because of this my entire code is on web side. Can you please show a direction how UID can be sent to index.js on server.

    Reply
  37. Sindbaad Tech Post author

    I find it very very tricky to read firebase. There is nowhere mentioned in the javascript section on how to create user data like displayName and those things but in the "onAuthStateChanged" method justbelow it, it is getting all kinds of data like phone, displayname etc. I know there is a method called create user but that is in admin section. So does that method not work with javascript? Why is it not mentioned there?

    Reply
  38. steven Gao Post author

    I got the phone auth to work, it is great, but I realized there is a problem with phone auth, what if user changed his phone number ? once user login, and before user change his/her phone number with their carrier , how can we let them change their phone number ?

    Reply
  39. Nerse Post author

    按照打是有錯誤的,請問怎麼解決QAQ!

    Reply
  40. Yadhap Dahal Post author

    Can someone help me understand y we need to set up localhost for this ?

    Reply
  41. edis veličanin Post author

    Can anybody here confirm that i can access the username and email once the user is logged in?

    Reply
  42. Furvus Post author

    TypeError: auth.createUsernWithEmailAndPassword is not a function

    I keep getting this error even though, i tried to create the exact same format as the the html and js file. but everytime i press the register button, this shows up, any solution?

    Reply
  43. Lion Deluxe Post author

    I get an error any time I try to reauthenticate a user. Any help?

    Reply
  44. myselfshray Post author

    Got an error " Cannot read property 'addEventListener' of null" "

    Reply
  45. Alvuh Romans Post author

    @firebase: Thanks a lot sir, but I have some issues. Can U please help me out? firebase.js:1 Uncaught {code: "app/duplicate-app", message: "Firebase: Firebase App named '[DEFAULT]' already exists (app/duplicate-app).", name: "[DEFAULT]", stack: "[DEFAULT]: Firebase: Firebase App named '[DEFAULT]…12:14↵ at http://localhost:3000/js/app.js:48:2"}

    Reply
  46. ____ Post author

    Thanks for spelling it out really nice and slow because I am an idiot

    Reply
  47. Jhonathan Maia Post author

    When will you guys create a tutorial for authentication using Angular 6? Thanks a lot.

    Reply
  48. Amine LOUGUIT Post author

    How to get User info from Firebase after logging in

    Reply
  49. abdo ayman Post author

    please help!
    I did every thing almost exactly as you did but something weird happens the app does not catch any error and the user is not authenticated
    however when I debug the code in browser the user gets authenticated I guess the function terminates before the process is finished but i don't know how to solve this.

    Reply
  50. IQ 4U Post author

    How i can make button upload in my site and link with firebase🤔

    Reply
  51. BAM5 Post author

    7:55 "it's up to us to validate that on the client" wait what? Never trust the client. It's like rule #1…

    Reply
  52. Ray C Post author

    Does anyone know how to redirect to another page and prevent the auto loops refresh?

    Reply
  53. Vinit Bhavsar Post author

    Getting Error : signInWithEmailAndPassword failed: First argument "email" must be a valid string.

    Reply
  54. Martin Weiser Post author

    referencing firebase.auth() in every event listener? wouldn’t be better to init once in main func?

    Reply
  55. Himanshu MS Post author

    How do you redirect to new page, specifically users account page after successful login?

    Reply
  56. Jasbindar Singh Post author

    Thank you yo made my development easier now!!

    Reply
  57. Aakash chirame Post author

    This was the most useful video I have ever seen unlike many other videos this guy goes just the way I was expecting someone to go,Thank you very much:)

    Reply
  58. Alexander Quinaluiza Post author

    how to use cordova +firebase auth + vue ?

    Reply
  59. clodpeachy Post author

    I am sorry for saying this BUT THIS DOES NOT EVEN WORK. TRIED AND TRIED AGAIN AND IT DOES NOT F ING WORK

    Reply
  60. Paladise Post author

    Can someone give me the code for this project

    Reply
  61. hoola bella Post author

    When I did exactly this video showed, the class "btn btn-action" was not even recognized and that's because "btn btn-action" class is a custom built CSS class. Where can I download it? I've tried everywhere and I still couldn't find it.

    Reply
  62. Jutikorn Varojananulux Post author

    If I develop the exact the same web app like this, am I able to deploy it to Firebase web hosting too?

    Reply
  63. umberto he Post author

    I have a question:
    Are there any other type of authentication?
    I mean i need create a login screen with ID and password. I needn't email. Can u give me some advice ?
    I hope u can understand my bad english

    Reply
  64. Strong Brains Post author

    Hello…my firebase website shows a blackscreen when loading on android smartphone. It loads for a long time and finally switches off. It has never opened….please assist me fix this problem….

    Reply
  65. frank 2 Post author

    does anyone know why i cant get the id token in requests.headers.authoriztation after i signed in ??

    Reply
  66. nik safe Post author

    Hey there, I am struggling to add email verification to my React app and for some reason, my dynamic link is not working would appreciate if someone can help or any tutorial about dynamic links and email verifications

    Reply
  67. Josh Lind Post author

    Validating email ownership is completely glossed over here. That's a critical step for most apps. Seems like that would require quite a special implementation on top of this. Anyone know more?

    Reply
  68. Octe Post author

    Is there any way to add this login process to a wordpress website? I mean, in case I want to use the same data of a mobile app previously developed

    Reply
  69. Arpan Sardar Post author

    I have one question. We are writing the secrete keys in same app.js file. that means if I host this app and from client side if I hit the application it will download the javascript file which will contain all those secretes. Do you think this as a potential risk?

    Reply
  70. House Buddy Post author

    Hi, I am trying to use a firebase auth library with a custom layout using AuthMethodPickerLayout. Everything is working but now I want to access the textview I have used in custom layout but I am not able to get access to it in activity. If anyone knows how to do it please help!

    Reply
  71. Fernando Omar Post author

    Great video! Very concisely information, just a few lines of code.
    Less is a plus! Thank you for this tutorial.

    Reply
  72. Anthony Nahas Post author

    for devs who are developing apps with angular in typescript … you may check this library that enable firebase authentication in any app with one single line –> https://www.npmjs.com/package/ngx-auth-firebaseui

    Reply
  73. Kaffeinated Kodemonkey Post author

    Great how-to. I work with government clients in CO. that use the state website through SIPA. The back end is Drupal however I am limited to what I can do thus making me think outside the box and get creative. One client wants a Members Only section that members can log into and access member-only information. Firebase is looking to be a great tool as I build my members log in from Authentication to chat and database. As I do not have access to adding code other than HTML and some hack CSS to the Drupal sites I am leveraging Jekyll as my platform my members-only section.

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *