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

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 tư 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 được lưu tự động trên máy tính của bạn. Sao chép tệp 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 đăng nhập của họ (ví dụ: tên người dùng và mật khẩu của họ) đế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ả lại 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;
       // ...
     });
   auth_sign_in_custom.js

   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;
       // ...
     });
   custom.js

Bước tiếp theo

Sau khi người dùng đăng nhập lần đầu tiên, tài khoản người dùng mới được tạo và liên kết với thông tin đăng nhập—nghĩa 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 xác thực—người dùng đã đăng nhập bằng. 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 các ứng dụng của bạn, cách được đề xuất để biết trạng thái xác thực của người dùng là đặt một người 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 Cơ sở dữ liệu thời gian thực Firebase và Quy tắc bảo mật bộ lưu trữ đám mây , 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 biến đó để kiểm soát dữ liệu mà 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 đăng nhập 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 :

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

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

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