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 hướng dẫn bạn cách bật App Check trong một ứng dụng web bằng trình cung cấp reCAPTCHA Enterprise. 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 các tài nguyên Firebase của dự án. Xem phần 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, giúp người dùng không nhìn thấy khoá này. Nhà cung cấp reCAPTCHA Enterprise sẽ không yêu cầu người dùng giải quyết thử thách bất cứ lúc nào.

Nếu bạn muốn sử dụng App Check với trình cung cấp tuỳ chỉnh của riêng mình, hãy xem bài viết 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 nếu bạn chưa thực hiện.

  2. Mở mục reCAPTCHA Enterprise của Cloud Console rồi làm như sau:

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

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

    Bạn thường cần đăng ký tất cả ứng dụng của dự án, vì sau khi bạn bật tính năng thực thi cho một sản phẩm của Firebase, chỉ những ứng dụng đã đăng ký mới có thể truy cập vào các 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 (TTL) tuỳ chỉnh cho mã thông báo App Check do nhà cung cấp phát hành. 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 lưu ý những điểm đánh đổi sau:

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

    TTL mặc định là 1 giờ, phù hợp với hầu hết các ứng dụng. Xin lưu ý rằng thư viện App Check sẽ làm mới mã thông báo sau khoảng thời gian bằng một nửa thời gian 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 làm. Nhớ 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 bạn truy cập vào bất kỳ dịch vụ nào của Firebase. Bạn sẽ cần truyền khoá trang web reCAPTCHA Enterprise (mà bạn đã tạo trong Cloud Console) đến 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 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 pháp hiện tại. Mặt khác, nếu thấy có dấu hiệu sử dụng tài nguyên ứng dụng của bạn một cách đáng ngờ, thì bạn nên bật tính năng thực thi sớm hơn.

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

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

Khi hiểu rõ 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 gỡ lỗi của ứng dụng sử dụng trình cung cấp gỡ lỗi App Check thay vì trình cung cấp chứng thực thực.

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

Lưu ý về chi phí

App Check sẽ tạo một quy trình đánh giá thay cho bạn để xác thực mã thông báo phản hồi của người dùng mỗi khi trình duyệt 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ẽ bị tính phí cho mỗi bài đánh giá được tạo vượt quá hạn mức miễn phí. Hãy xem phần 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 mỗi 1 giờ. Để 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 đó, tần suất tạo các lượt đánh giá mới), hãy định cấu hình TTL của các mã thông báo đó.