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 cho bạn biết cách bật tính năng Kiểm tra ứng dụng trong một ứng dụng web bằng trình cung cấp tính năng Kiểm tra ứng dụng tuỳ chỉnh của bạn. Khi bật tính năng Kiểm tra ứng dụng, bạn sẽ đả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 tính năng Kiểm tra ứng dụng với một trong các trình cung cấp tích hợp sẵn, hãy xem tài liệu về Kiểm tra ứng dụng bằng reCAPTCHA Enterprise.

Trước khi bắt đầu

1. Thêm thư viện Kiểm tra ứng dụng vào ứng dụng của bạn

Thêm Firebase vào ứng dụng web của bạn nếu bạn chưa thêm. Hãy nhớ nhập thư viện Kiểm tra ứng dụng.

2. Tạo đối tượng nhà cung cấp Kiểm tra ứng dụng

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

API mô-đun 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);
    });
  }
});
appcheck_custom_provider.js

API không gian tên trên 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);
    });
  }
};
index.js

3. Chạy tính năng Kiểm tra ứng dụng

Thêm mã khởi chạy sau đây 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:

API mô-đun 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    
});
appcheck_initialize_custom_provider.js

API không gian tên trên 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);
index.js

Các bước tiếp theo

Sau khi cài đặt thư viện Kiểm tra ứng dụng 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 Kiểm tra ứng dụng cùng với mọi yêu cầu mà ứng dụng đưa ra đến Firebase. Tuy nhiên, các sản phẩm của Firebase sẽ không bắt buộc mã thông báo phải hợp lệ cho đến khi bạn bật tính năng thực thi trong mục Kiểm tra ứng dụng của bảng điều khiển của Firebase.

Theo dõi các chỉ số và cho phép thực thi

Tuy nhiên, trước khi bật tính năng 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 những người dùng hợp lệ hiện tại của bạn. Mặt khác, nếu nhận thấy có dấu hiệu khả nghi trong việc sử dụng tài nguyên ứng dụng của mình, thì bạn nên sớm triển khai biện pháp thực thi.

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

Bật chế độ thực thi tính năng Kiểm tra ứng dụng

Khi đã hiểu rõ mức độ ảnh hưởng của tính năng Kiểm tra ứng dụng đến người dùng và đã sẵn sàng tiếp tục, bạn có thể bật tính năng thực thi tính năng Kiểm tra ứng dụng:

Sử dụng tính năng Kiểm tra ứng dụng trong môi trường gỡ lỗi

Nếu sau khi đã đăng ký ứng dụng cho tính năng Kiểm tra ứng dụng, bạn muốn chạy ứng dụng trong một môi trường mà tính năng Kiểm tra ứng dụng 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), thì bạn có thể tạo một bản gỡ lỗi của ứng dụng sử dụng trình cung cấp dịch vụ gỡ lỗi Kiểm tra ứng dụng thay vì nhà cung cấp chứng thực thực.

Xem bài viết Sử dụng tính năng Kiểm tra ứng dụng với trình cung cấp gỡ lỗi trong các ứng dụng web.