Bắt đầu sử dụng tính năng Kiểm tra ứng dụng bằng reCAPTCHA v3 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 cách sử dụng trình cung cấp reCAPTCHA v3 tích hợp. 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 người dùng không nhìn thấy reCAPTCHA v3. Nhà cung cấp reCAPTCHA v3 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. Xem tài liệu về reCAPTCHA v3.

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 phần Triển khai 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. Đăng ký trang web của bạn cho reCAPTCHA v3 và nhận khoá trang web và khoá bí mật reCAPTCHA v3.

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

    Thông thường, bạn cần phải đăng ký tất cả ứng dụng trong dự án của mình, vì sau khi bạn bật tính năng thực thi cho một sản phẩm Firebase, 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 (TTL) tuỳ chỉnh 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 lưu ý đến những đánh đổi sau:

    • Bảo mật: TTL ngắn hơn giúp tăng cường bảo mật vì 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 sẽ thực hiện quy trình chứng thực thường xuyên hơn. Vì quy trình chứng thực ứng dụng sẽ tăng thêm độ trễ cho các yêu cầu mạng mỗi khi thực hiện, nên một 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 làm giảm hạn mức nhanh hơn. Trong khi đó, đối với các dịch vụ có tính phí, chi phí có thể cao hơn. Xem Hạn mức và giới hạn.

    Hầu hết các ứng dụng đều có TTL mặc định là 1 ngày. Xin lưu ý rằng thư viện App Check làm mới mã thông báo ở khoảng một nửa thời lượng TTL.

2. 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 thêm. Hãy 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ụ Firebase nào. Bạn sẽ cần truyền khoá trang web reCAPTCHA mà bạn đã tạo trong bảng điều khiển reCAPTCHA vào activate().

Web

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

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

// Pass your reCAPTCHA v3 site key (public key) to activate(). Make sure this
// key is the counterpart to the secret key you set in the Firebase console.
const appCheck = initializeAppCheck(app, {
  provider: new ReCaptchaV3Provider('abcdefghijklmnopqrstuvwxy-1234567890abcd'),

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

Web

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

const appCheck = firebase.appCheck();
// Pass your reCAPTCHA v3 site key (public key) to activate(). Make sure this
// key is the counterpart to the secret key you set in the Firebase console.
appCheck.activate(
  'abcdefghijklmnopqrstuvwxy-1234567890abcd',

  // 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 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 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 tính năng thực thi trong phần App Check của bảng điều khiển Firebase.

Theo dõi chỉ số và bật tính năng thực thi

Tuy nhiên, trước khi cho phép thực thi, bạn cầ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ó hành vi sử dụng tài nguyên ứng dụng đáng ngờ, 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 các dịch vụ mà bạn sử dụng:

Bật tính năng thực thi App Check

Khi hiểu rõ ảnh hưởng của App Check đối với 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 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), 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 App Check thay vì 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.