Xác thực bằng Firebase trong JavaScript bằng Hệ thống xác thực tùy chỉnh

Bạn có thể tích hợp Xác thực Firebase với hệ thống xác thực tùy chỉnh bằng cách sửa đổi máy chủ xác thực của mình để tạo mã thông báo đã ký tùy chỉnh khi người dùng đăng nhập thành công. Ứng dụng của bạn nhận được mã thông báo này và sử dụng nó để xác thực với Firebase.

Trước khi bắt đầu

  1. Thêm Firebase vào dự án JavaScript của bạn .
  2. Nhận khóa máy chủ của dự án của bạn:
    1. Chuyển đến trang Tài khoản dịch vụ trong cài đặt dự án của bạn.
    2. Nhấp vào Tạo khóa riêng mới ở cuối phần SDK quản trị Firebase của trang Tài khoản dịch vụ .
    3. Cặp khóa công khai/riêng tư của tài khoản dịch vụ mới sẽ tự động được lưu trên máy tính của bạn. Sao chép tập tin này vào máy chủ xác thực của bạn.

Xác thực với Firebase

  1. Khi người dùng đăng nhập vào ứng dụng của bạn, hãy gửi thông tin xác thực đăng nhập của họ (ví dụ: tên người dùng và mật khẩu) đến máy chủ xác thực của bạn. Máy chủ của bạn kiểm tra thông tin đăng nhập và trả về mã thông báo tùy chỉnh nếu chúng hợp lệ.
  2. Sau khi bạn nhận được mã thông báo tùy chỉnh từ máy chủ xác thực của mình, hãy chuyển mã đó tới signInWithCustomToken để đăng nhập người dùng:

    Web modular API

    import { getAuth, signInWithCustomToken } from "firebase/auth";
    
    const auth = getAuth();
    signInWithCustomToken(auth, token)
      .then((userCredential) => {
        // Signed in
        const user = userCredential.user;
        // ...
      })
      .catch((error) => {
        const errorCode = error.code;
        const errorMessage = error.message;
        // ...
      });

    Web namespaced API

    firebase.auth().signInWithCustomToken(token)
      .then((userCredential) => {
        // Signed in
        var user = userCredential.user;
        // ...
      })
      .catch((error) => {
        var errorCode = error.code;
        var errorMessage = error.message;
        // ...
      });

Bước tiếp theo

Sau khi người dùng đăng nhập lần đầu tiên, một tài khoản người dùng mới sẽ được tạo và liên kết với thông tin xác thực—tức là tên người dùng và mật khẩu, số điện thoại hoặc thông tin nhà cung cấp dịch vụ xác thực—mà người dùng đã đăng nhập. Tài khoản mới này được lưu trữ như một phần của dự án Firebase của bạn và có thể được sử dụng để xác định người dùng trên mọi ứng dụng trong dự án của bạn, bất kể người dùng đăng nhập bằng cách nào.

  • Trong ứng dụng của bạn, cách được khuyên dùng để biết trạng thái xác thực của người dùng là đặt trình quan sát trên đối tượng Auth . Sau đó, bạn có thể lấy thông tin hồ sơ cơ bản của người dùng từ đối tượng User . Xem Quản lý người dùng .

  • Trong Quy tắc bảo mật cơ sở dữ liệu thời gian thực và lưu trữ đám mây của Firebase, bạn có thể lấy ID người dùng duy nhất của người dùng đã đăng nhập từ biến auth và sử dụng nó để kiểm soát dữ liệu nào người dùng có thể truy cập.

Bạn có thể cho phép người dùng đăng nhập vào ứng dụng của mình bằng nhiều nhà cung cấp xác thực bằng cách liên kết thông tin xác thực của nhà cung cấp xác thực với tài khoản người dùng hiện có.

Để đăng xuất người dùng, hãy gọi signOut :

Web modular API

import { getAuth, signOut } from "firebase/auth";

const auth = getAuth();
signOut(auth).then(() => {
  // Sign-out successful.
}).catch((error) => {
  // An error happened.
});

Web namespaced API

firebase.auth().signOut().then(() => {
  // Sign-out successful.
}).catch((error) => {
  // An error happened.
});