Bắt đầu sử dụng tính năng Kiểm tra ứng dụng bằng reCAPTCHA Enterprise trong ứng dụng web

Trang này cho bạn biết cách bật App Check trong một ứng dụng web bằng Nhà cung cấp reCAPTCHA Enterprise. 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. Xem Tổng quan về tính năng này.

Xin lưu ý rằng App Check sử dụng khoá trang web dựa trên điểm số của reCAPTCHA Enterprise. Khoá này ẩn tiện ích đó với người dùng. Nhà cung cấp reCAPTCHA Enterprise sẽ không yêu cầu người dùng để giải quyết thách thức bất cứ lúc nào.

Nếu bạn muốn sử dụng App Check với nhà cung cấp tuỳ chỉnh của riêng mình, hãy xem Triển khai trình cung cấp App Check tuỳ chỉnh.

1. Thiết lập dự án Firebase

  1. Thêm Firebase vào dự án JavaScript của bạn nếu bạn chưa thêm đã làm như vậy.

  2. Mở reCAPTCHA Enterprise của bảng điều khiển Cloud rồi làm như sau:

    1. Nếu bạn được nhắc bật API reCAPTCHA Enterprise, hãy làm như vậy.
    2. Tạo khoá thuộc loại Website (Trang web). Bạn sẽ cần chỉ định các miền mà bạn sử dụng bạn lưu trữ ứng dụng web của mình. Rời khỏi hộp kiểm "Thử thách sử dụng hộp đánh dấu" lựa chọn bỏ chọn.

  3. Đăng ký ứng dụng của bạn để sử dụng App Check với reCAPTCHA Enterprise trong Phần App Check của phần bảng điều khiển Firebase. Bạn sẽ cần cung cấp khoá trang web mà bạn có trong bước trước đó.

    Thông thường, bạn cần đăng ký tất cả các ứng dụng trong dự án của mình, vì một khi bạn cho phép thực thi cho một sản phẩm Firebase, thì chỉ những ứng dụng đã đăng ký mới có thể để truy cập vào tài nguyên phụ trợ của sản phẩm.

  4. Không bắt buộc: Trong phần cài đặt đăng ký ứng dụng, hãy đặt thời gian tồn tại tuỳ chỉnh (TTL) cho mã thông báo App Check do nhà cung cấp cấp. Bạn có thể đặt TTL thành bất kỳ giá trị nào trong khoảng từ 30 phút đến 7 ngày. Khi thay đổi giá trị này, hãy cũng cần lưu ý những yếu tố đánh đổi sau:

    • Bảo mật: TTL ngắn hơn mang lại khả năng bảo mật mạnh mẽ hơn vì giúp giảm trong đó một mã thông báo bị rò rỉ hoặc bị chặn có thể bị kẻ tấn công lạm dụng kẻ tấn công.
    • Hiệu suất: TTL ngắn hơn đồng nghĩa với việc ứng dụng của bạn sẽ thực hiện quy trình chứng thực nhiều hơn thường xuyên. Vì quy trình chứng thực ứng dụng sẽ làm tăng độ trễ của mạng mỗi khi được thực hiện, thì một TTL ngắn có thể ảnh hưởng đến hiệu suất ứng dụng của bạn.
    • Hạn mức và chi phí: TTL ngắn hơn và việc chứng thực lại thường xuyên sẽ làm cạn kiệt tài nguyên hạn mức nhanh hơn. Còn đối với các dịch vụ có tính phí, chi phí có thể cao hơn. Xem phần Hạn mức và .

    TTL mặc định của 1 giờ là hợp lý với hầu hết các ứng dụng. Lưu ý rằng thư viện App Check sẽ làm mới mã thông báo với thời lượng khoảng một nửa thời lượng TTL.

2. 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.

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. Bạn sẽ cần chuyển khoá trang web reCAPTCHA Enterprise, mà bạn đã tạo trong bảng điều khiển Cloud vào activate().

Web

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

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

// Create a ReCaptchaEnterpriseProvider instance using your reCAPTCHA Enterprise
// site key and pass it to initializeAppCheck().
const appCheck = initializeAppCheck(app, {
  provider: new ReCaptchaEnterpriseProvider(/* reCAPTCHA Enterprise site key */),
  isTokenAutoRefreshEnabled: true // Set to true to allow auto-refresh.
});

Web

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

// Create a ReCaptchaEnterpriseProvider instance using your reCAPTCHA Enterprise
// site key and pass it to activate().
const appCheck = firebase.appCheck();
appCheck.activate(
  new firebase.appCheck.ReCaptchaEnterpriseProvider(
    /* reCAPTCHA Enterprise site key */
  ),
  true // Set to true to allow auto-refresh.
);

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.

Lưu ý về chi phí

App Check thay mặt bạn tạo một bài đánh giá để xác thực mã thông báo phản hồi mỗi khi trình duyệt đang chạy ứng dụng web của bạn làm mới Mã thông báo App Check. Dự án của bạn sẽ được tính phí cho mỗi bài đánh giá được tạo vượt quá hạn mức miễn phí. Xem giá của reCAPTCHA để biết thông tin chi tiết.

Theo mặc định, ứng dụng web của bạn sẽ làm mới mã thông báo này 2 lần trong mỗi 1 giờ. Người nhận kiểm soát tần suất ứng dụng của bạn làm mới mã thông báo App Check (và do đó thường xuyên tạo các bài đánh giá mới), định cấu hình TTL của chúng.