Hướng dẫn register và login Email & Password

Như ở đây mình có chia sẽ cách login firebase với Google. Hôm nay mình sẽ hướng dẫn các bạn login với Email & Password.

Mình sẽ bỏ qua bước cài đặt firebase nhé (bạn nào chưa biết có thể xem lại bài trước tại đây

Phần code

Trước khi để login thì chúng ta cần phải có tài khoản đúng không nào. Bây giờ ta tạo giao diện để người dùng đăng ký tài khoản.

Tiếp theo ta viết hàm đăng kí tài khoản thôi.! ở đây hàm của mình viết sẽ là onRegister. Mình sẽ dùng createUserWithEmailAndPassword bạn có thể xem ở đây

const onRegister = async () => {
    try {
      await firebase.auth().createUserWithEmailAndPassword(email, password);

      alert(`Chúc mừng bạn đăng ký thành công với Email:${email}`);

    } catch (e) {
      console.log(e);
    }
  };

Sau khi add sự kiện cho button đây là kết quả khi ta đăng ký thành công

Bây giờ quay lại firebase console Trong Authentication ở tab Users bạn đã nhìn thấy tài khoản mà bạn vừa đăng ký.

như vậy là bạn đã đăng ký thành công rồi bây giờ ta tiếp tục với đăng nhập nhé.!.

Tương tự đăng ký , phần đăng nhập bạn cũng tạo giao diện người dùng .

để đăng nhập ta dùng signInWithEmailAndPassword thảo khảo thêm tại đây

const onLogin = () => {
    firebase.auth().signInWithEmailAndPassword(email, password)
      .then(results => {
        console.log(results);

      })
      .catch(function(error) {
        console.log(error);
      });
  };

và đây là kết quả khi ta đăng nhập thành công.

Link tham khảo thêm tại đây: https://firebase.google.com/docs/auth/web/password-auth?authuser=0