はじめに

Google ReCaptchaは、Webアプリケーションをスパム、ボット、悪用から保護するための重要なサービスです。Reactでは、各バージョンに特化したライブラリを使用して簡単に実装できます。このドキュメントは、 Andrés Hernández.

ReCaptcha V2について学ぶこと

  • フォームに「私はロボットではありません」チェックボックスコンポーネントを統合する方法。
  • 画像による視覚的チャレンジの実装。
  • 基本設定とトークンの検証。
  • お問い合わせフォームを保護する実例。
  • google-react-recaptcha-v2 パッケージの使用。

ReCaptcha V3について学ぶこと

  • ライブラリの初期インストールと設定。
  • useRecaptcha フックとその設定オプションの使用。
  • TypeScript とそのすべてのインターフェースでの実装。
  • 高度な設定：Trusted Types、CSP、および多言語。
  • 完全な API：サービス、ユーティリティ、および事前定義された定数。
  • 一般的なエラーの処理と回復戦略。
  • 実例：お問い合わせフォーム、チェックアウト、分析。