Catch up on everything announced at Firebase Summit, and learn how Firebase can help you accelerate app development and run your app with confidence. Learn More

開始在 Web 應用程序中使用帶有 reCAPTCHA Enterprise 的 App Check

透過集合功能整理內容 你可以依據偏好儲存及分類內容。

此頁面向您展示如何使用 reCAPTCHA Enterprise 提供程序在 Web 應用程序中啟用應用程序檢查。當您啟用 App Check 時,您有助於確保只有您的應用可以訪問您項目的 Firebase 資源。請參閱此功能的概述

reCAPTCHA Enterprise 是一項免費配額的付費服務。 App Check 還支持reCAPTCHA v3 ,這是一項免費的服務。要了解 reCAPTCHA v3 和 reCAPTCHA Enterprise 之間的區別,請參閱功能比較

請注意,App Check 使用基於 reCAPTCHA Enterprise 分數的站點密鑰,這使其對用戶不可見。 reCAPTCHA Enterprise 提供商不會要求用戶隨時解決挑戰。

如果您想將 App Check 與您自己的自定義提供程序一起使用,請參閱實現自定義應用程序檢查提供程序

1. 設置您的 Firebase 項目

  1. 如果您還沒有這樣做,請將 Firebase 添加到您的 JavaScript 項目中。

  2. 打開 Cloud 控制台的reCAPTCHA Enterprise部分並執行以下操作:

    1. 如果系統提示您啟用 reCAPTCHA Enterprise API,請執行此操作。
    2. 創建一個網站類型鍵。您需要指定託管 Web 應用程序的域。取消選中“使用複選框挑戰”選項。
  3. 在 Firebase 控制台的App Check部分註冊您的應用以使用 reCAPTCHA Enterprise 提供程序使用 App Check。您需要提供在上一步中獲得的站點密鑰。

    您通常需要註冊項目的所有應用,因為一旦您為 Firebase 產品啟用強制執行,只有已註冊的應用才能訪問該產品的後端資源。

  4. 可選:在應用註冊設置中,為提供商發布的應用檢查令牌設置自定義生存時間 (TTL)。您可以將 TTL 設置為 30 分鐘到 7 天之間的任何值。更改此值時,請注意以下權衡:

    • 安全性:較短的 TTL 可提供更強的安全性,因為它減少了洩露或攔截的令牌可能被攻擊者濫用的窗口。
    • 性能:較短的 TTL 意味著您的應用將更頻繁地執行證明。由於應用程序證明過程每次執行都會增加網絡請求的延遲,因此較短的 TTL 可能會影響應用程序的性能。
    • 配額和成本:較短的 TTL 和頻繁的重新證明會更快地耗盡您的配額,而對於付費服務,可能會花費更多。請參閱配額和限制

    對於大多數應用程序來說, 1 小時的默認 TTL 是合理的。請注意,App Check 庫以大約一半的 TTL 持續時間刷新令牌。

2. 將 App Check 庫添加到您的應用程序

如果您還沒有將 Firebase 添加到您的網絡應用程序中。請務必導入 App Check 庫。

3.初始化應用檢查

在您訪問任何 Firebase 服務之前,將以下初始化代碼添加到您的應用程序。您需要將您在雲控制台中創建的 reCAPTCHA Enterprise 站點密鑰傳遞給activate()

Web version 9

const { initializeApp } = require("firebase/app");
const { initializeAppCheck, ReCaptchaEnterpriseProvider } = require("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 version 8

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.
);

下一步

在您的應用中安裝 App Check 庫後,部署它。

更新後的客戶端應用將開始向 Firebase 發出的每個請求發送 App Check 令牌,但 Firebase 產品不需要令牌有效,直到您在 Firebase 控制台的 App Check 部分啟用強制執行。

監控指標並啟用強制執行

但是,在啟用強制執行之前,您應該確保這樣做不會破壞您現有的合法用戶。另一方面,如果您發現對應用資源的使用可疑,您可能希望盡快啟用強制執行。

為了幫助做出此決定,您可以查看您使用的服務的 App Check 指標:

啟用應用檢查強制

當您了解 App Check 將如何影響您的用戶並準備好繼續時,您可以啟用 App Check 強制:

在調試環境中使用 App Check

如果在您為 App Check 註冊了您的應用程序後,您希望在 App Check 通常不會歸類為有效的環境中運行您的應用程序,例如在開發期間本地運行,或者從持續集成 (CI) 環境中運行您的應用程序,您可以創建使用 App Check 調試提供程序而不是真正的證明提供程序的應用程序的調試版本。

請參閱在 Web 應用程序中通過調試提供程序使用應用程序檢查

費用說明

每次運行您的 Web 應用程序的瀏覽器刷新其 App Check 令牌時,App Check 會代表您創建評估以驗證用戶的響應令牌。您的項目將針對在免費配額之上創建的每個評估收費。有關詳細信息,請參閱reCAPTCHA Enterprise 定價

默認情況下,您的 Web 應用程序將每1 小時刷新兩次此令牌。要控制您的應用刷新 App Check 令牌的頻率(以及由此創建新評估的頻率),請配置它們的 TTL