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 App Check trong ứng dụng web bằng tuỳ chỉnh Nhà cung cấp App Check. Khi bật App Check, bạn 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 trình cung cấp tích hợp sẵn, hãy xem tài liệu dành cho App Check bằng reCAPTCHA Enterprise.

Trước khi bắt đầu

1. Thêm thư viện App Check 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. Đảm bảo để nhập thư viện App Check.

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

Tạo đối tượng trình cung cấp App Check cho trình cung cấp tuỳ chỉnh của bạn. Đối tượng này phải có phương thức getToken(). Phương thức này sẽ thu thập bất kỳ thông tin nào mà bạn tuỳ chỉnh Nhà cung cấp App Check yêu cầu bằng chứng về tính xác thực và gửi cho dịch vụ thu thập mã thông báo để đổi lấy mã thông báo App Check. Chiến lược phát hành đĩa đơn SDK App Check 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 của getToken().

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

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. Khởi chạy App Check

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

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

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 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 App Check mã thông báo cùng với mỗi yêu cầu gửi mã đó đến Firebase, nhưng các sản phẩm của Firebase sẽ không yêu cầu mã có hiệu lực cho đến khi bạn cho phép thực thi trong phần App Check 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 bật chế độ thực thi sẽ không làm gián đoạn những người dùng hợp lệ hiện tại. Mặt khác, nếu bạn thấy sử dụng tài nguyên ứng dụng của bạn một cách đáng ngờ, bạn có thể muốn cho phép thực thi sớm hơn.

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

Cho phép thực thi App Check

Khi bạn hiểu được App Check sẽ ảnh hưởng như thế nào đến người dùng của mình và bạn đã sẵn sàng tiếp tục, bạn có thể bật tính năng 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ư tại địa phương trong quá trình phát triển hoặc từ quá trình tích hợp liên tục (CI) 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 gỡ lỗi App Check thay vì một nhà cung cấp dịch vụ chứng thực thực.

Xem phần Sử dụng App Check với trình cung cấp dịch vụ gỡ lỗi trong các ứng dụng web.