Getting started with Firebase Auth on the Web – Firecasts

Getting started with Firebase Auth on the Web – Firecasts


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

  1. Hello! Just a quick question, does firebase allow pre-determined users to sign-in to my application? Does it have a feature to create a list of email addresses that are allowed to sign-in or sign-up? Thanks so much for the help!

  2. hi, great videos!, just a question, how do i manage the name and last name of users, and what about roles?, I read the firebase documentation but I don't get a clear anwser… thanks

  3. The transparent hand annotating the video definitely makes the video feel more human and gives Firebase's instructional videos a unique flavor, but it was a TERRIBLE instructional choice.

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

  5. 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

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

    can u help me resolve this asap
    thanks in advance

  7. 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?

  8. 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?

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

  10. 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

  11. 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 ?

  12. 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….

  13. 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.

  14. 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.???

  15. 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.

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

  17. 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.

  18. 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

  19. 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?

  20. 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.

  21. 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.

  22. @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.

  23. 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.

  24. 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 🙂

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

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

  27. 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

  28. 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.

  29. 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?

  30. 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 ?

  31. 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?

  32. @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"}

  33. 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.

  34. 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:)

  35. 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.

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

  37. 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

  38. 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….

  39. 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

Leave a Reply

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