Bắt đầu sử dụng tính năng Kiểm tra ứng dụng với một nhà cung cấp tuỳ chỉnh trên các ứng dụng web

Trang này trình bày cách bật App Check trong một ứng dụng web bằng cách sử dụng nhà cung cấp App Check tuỳ chỉnh. Khi bật App Check, bạn sẽ giúp đảm bảo rằng chỉ ứng dụng của bạn mới có thể truy cập vào tài nguyên Firebase của dự án.

Nếu bạn muốn sử dụng App Check với một trong các nhà cung cấp tích hợp, hãy xem tài liệu về App Check với reCAPTCHA Enterprise.

Trước khi bắt đầu

1. Thêm thư viện App Check vào ứng dụng

Thêm Firebase vào ứng dụng web nếu bạn chưa làm. Hãy nhớ nhập thư viện App Check.

2. Tạo đối tượng nhà cung cấp App Check

Tạo đối tượng nhà cung cấp App Check cho nhà cung cấp tuỳ chỉnh. Đối tượng này phải có phương thức getToken(). Phương thức này thu thập mọi thông tin mà nhà cung cấp App Check tuỳ chỉnh yêu cầu làm bằng chứng xác thực và gửi thông tin đó đến dịch vụ thu thập mã thông báo của bạn để đổi lấy mã thông báo App Check. SDK App Check xử lý việc lưu vào bộ nhớ đệm mã thông báo, vì vậy, hãy luôn nhận mã thông báo mới trong quá trình triển khai getToken() của bạn.

Web

import { CustomProvider } from "firebase/app-check";

const appCheckCustomProvider = new CustomProvider({
  getToken: () => {
    return new Promise((resolve, _reject) => {
      // TODO: Logic to exchange proof of authenticity for an App Check token and
      // expiration time.

      // ...

      const appCheckToken = {
        token: tokenFromServer,
        expireTimeMillis: expirationFromServer * 1000
      };

      resolve(appCheckToken);
    });
  }
});

Web

const appCheckCustomProvider = {
  getToken: () => {
    return new Promise((resolve, _reject) => {
      // TODO: Logic to exchange proof of authenticity for an App Check token and
      // expiration time.

      // ...

      const appCheckToken = {
        token: tokenFromServer,
        expireTimeMillis: expirationFromServer * 1000
      };

      resolve(appCheckToken);
    });
  }
};

3. Khởi chạy App Check

Thêm mã khởi chạy sau vào ứng dụng của bạn trước khi bạn truy cập vào bất kỳ dịch vụ Firebase nào:

Web

import { initializeApp } from "firebase/app";
import { initializeAppCheck } from "firebase/app-check";

const app = initializeApp({
  // Your firebase configuration object
});

const appCheck = initializeAppCheck(app, {
  provider: appCheckCustomProvider,

  // Optional argument. If true, the SDK automatically refreshes App Check
  // tokens as needed.
  isTokenAutoRefreshEnabled: true    
});

Web

firebase.initializeApp({
  // Your firebase configuration object
});

const appCheck = firebase.appCheck();
appCheck.activate(
  appCheckCustomProvider,

  // Optional argument. If true, the SDK automatically refreshes App Check
  // tokens as needed.
  true);

Các bước tiếp theo

Sau khi cài đặt thư viện App Check trong ứng dụng, hãy triển khai thư viện đó.

Ứng dụng khách đã cập nhật sẽ bắt đầu gửi mã thông báo App Check cùng với mọi yêu cầu mà ứng dụng đó gửi đến Firebase, nhưng các sản phẩm của Firebase sẽ không yêu cầu mã thông báo phải hợp lệ cho đến khi bạn bật chế độ thực thi trong phần App Check của bảng điều khiển Firebase.

Theo dõi các chỉ số và bật chế độ thực thi

Tuy nhiên, trước khi bật chế độ thực thi, bạn nên đảm bảo rằng việc này sẽ không làm gián đoạn người dùng hợp lệ hiện tại. Mặt khác, nếu thấy việc sử dụng tài nguyên ứng dụng của bạn có dấu hiệu đáng ngờ, bạn có thể muốn bật chế độ thực thi sớm hơn.

Để giúp đưa ra quyết định này, bạn có thể xem các App Check chỉ số cho các dịch vụ mà bạn sử dụng:

Bật chế độ thực thi App Check

Khi bạn hiểu cách App Check sẽ ảnh hưởng đến người dùng và bạn đã sẵn sàng để tiếp tục, bạn có thể bật chế độ thực thi App Check:

Sử dụng App Check trong môi trường gỡ lỗi

Nếu sau khi đăng ký ứng dụng cho App Check, bạn muốn chạy ứng dụng trong một môi trường mà App Check thường không phân loại là hợp lệ (chẳng hạn như cục bộ trong quá trình phát triển hoặc từ môi trường tích hợp liên tục (CI)), bạn có thể tạo bản dựng gỡ lỗi của ứng dụng sử dụng nhà cung cấp gỡ lỗi App Check thay vì nhà cung cấp chứng thực thực.

Hãy xem bài viết Sử dụng App Check với nhà cung cấp gỡ lỗi trong ứng dụng web.