reCAPTCHAの成功を確認する方法

2024-02-10 04:34 reCAPTCHA セキュリティ ウェブ開発
  1. サーバーサイドの検証: reCAPTCHAの応答は、サーバーサイドで検証する必要があります。以下は、PHPを使用したサーバーサイドでのreCAPTCHA検証の例です。
<?php
$recaptcha_response = $_POST['g-recaptcha-response'];
$secret_key = 'YOUR_SECRET_KEY';
$verify_url = 'https://www.google.com/recaptcha/api/siteverify';
$data = array(
    'secret' => $secret_key,
    'response' => $recaptcha_response
);
$options = array(
    'http' => array(
        'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
        'method'  => 'POST',
        'content' => http_build_query($data)
    )
);
$context  = stream_context_create($options);
$response = file_get_contents($verify_url, false, $context);
$result = json_decode($response, true);
if ($result['success']) {
    // reCAPTCHAが成功した場合の処理
} else {
    // reCAPTCHAが失敗した場合の処理
}
?>
  1. クライアントサイドの検証: reCAPTCHAの応答は、クライアントサイドでも検証できます。以下は、JavaScriptを使用したクライアントサイドでのreCAPTCHA検証の例です。
<html>
<head>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <script>
        function onSubmit(token) {
            // reCAPTCHAが成功した場合の処理
        }
        function onError() {
            // reCAPTCHAが失敗した場合の処理
        }
    </script>
</head>
<body>
    <form action="submit.php" method="POST">
        <!-- reCAPTCHAのウィジェットを表示 -->
        <div class="g-recaptcha" data-sitekey="YOUR_SITE_KEY" data-callback="onSubmit" data-error-callback="onError"></div>
        <br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>
  1. reCAPTCHA v3の使用: reCAPTCHA v3は、ユーザーによる操作なしにウェブサイトのトラフィックを分析し、スパムや不正アクティビティを自動的に検出します。以下は、reCAPTCHA v3の使用例です。
<html>
<head>
    <script src="https://www.google.com/recaptcha/api.js?render=YOUR_SITE_KEY"></script>
    <script>
        grecaptcha.ready(function() {
            grecaptcha.execute('YOUR_SITE_KEY', {action: 'homepage'}).then(function(token) {
                // トークンをサーバーサイドに送信して検証
            });
        });
    </script>
</head>
<body>
    <!-- ページのコンテンツ -->
</body>
</html>

これらは、reCAPTCHAの成功を確認するための一般的な方法とコード例です。実際の実装では、使用するプログラミング言語やフレームワークに応じて適切な手法を選択する必要があります。また、Google reCAPTCHAの公式ドキュメントやリファレンスを参照することも以下は、reCAPTCHAの成功を確認するためのいくつかの方法とコード例です。reCAPTCHAは、ウェブサイトやアプリケーションのセキュリティを強化するために使用される人間認証システムです。

  1. サーバーサイドの検証: reCAPTCHAの応答は、サーバーサイドで検証する必要があります。以下は、PHPを使用したサーバーサイドでのreCAPTCHA検証の例です。
<?php
$recaptcha_response = $_POST['g-recaptcha-response'];
$secret_key = 'YOUR_SECRET_KEY';
$verify_url = 'https://www.google.com/recaptcha/api/siteverify';
$data = array(
    'secret' => $secret_key,
    'response' => $recaptcha_response
);
$options = array(
    'http' => array(
        'header'  => "Content-type: application/x-www-form-urlencoded\r\n",
        'method'  => 'POST',
        'content' => http_build_query($data)
    )
);
$context  = stream_context_create($options);
$response = file_get_contents($verify_url, false, $context);
$result = json_decode($response, true);
if ($result['success']) {
    // reCAPTCHAが成功した場合の処理
} else {
    // reCAPTCHAが失敗した場合の処理
}
?>
  1. クライアントサイドの検証: reCAPTCHAの応答は、クライアントサイドでも検証できます。以下は、JavaScriptを使用したクライアントサイドでのreCAPTCHA検証の例です。
<html>
<head>
    <script src="https://www.google.com/recaptcha/api.js" async defer></script>
    <script>
        function onSubmit(token) {
            // reCAPTCHAが成功した場合の処理
        }
        function onError() {
            // reCAPTCHAが失敗した場合の処理
        }
    </script>
</head>
<body>
    <form action="submit.php" method="POST">
        <!-- reCAPTCHAのウィジェットを表示 -->
        <div class="g-recaptcha" data-sitekey="YOUR_SITE_KEY" data-callback="onSubmit" data-error-callback="onError"></div>
        <br>
        <input type="submit" value="Submit">
    </form>
</body>
</html>
  1. reCAPTCHA v3の使用: reCAPTCHA v3は、ユーザーによる操作なしにウェブサイトのトラフィックを分析し、スパムや不正アクティビティを自動的に検出します。以下は、reCAPTCHA v3の使用例です。
<html>
<head>
    <script src="https://www.google.com/recaptcha/api.js?render=YOUR_SITE_KEY"></script>
    <script>
        grecaptcha.ready(function() {
            grecaptcha.execute('YOUR_SITE_KEY', {action: 'homepage'}).then(function(token) {
                // トークンをサーバーサイドに送信して検証
            });
        });
    </script>
</head>
<body>
    <!-- ページのコンテンツ -->
</body>
</html>

これらは、reCAPTCHAの成功を確認するための一般的な方法とコード例です。実際の実装では、使用するプログラミング言語やフレームワークに応じて適切な手法を選択する必要があります。また、Google reCAPTCHAの公式ドキュメントやリファレンスを参照することもおすすめです。