close

填入名稱、選擇驗證類型、網域、治理者,贊成Google蒐集網頁資訊、成立

下方則是貼到要顯示的位置

網頁設計

查詢成立好的公私鑰: https://www.google.com/recaptcha/admin/site/350731086/settings

文章出處

STEP III

這段代碼接到網站<head>裡面

STEP I

Google reCAPTCHA V2 機械人驗證 教授教養
Google reCAPTCHA V2 機械人驗證 教授教養
 

網頁設計
  1. <!-- Google reCAPTCHA -->
  2.     <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback2&render=explicit" async></script>               
  3.         <script>
  4.         var onloadCallback2 = function() {
  5.         grecaptcha.render("recaptcha_box2", {
  6.         /* Change Your sitekey */
  7.         "sitekey": "公鑰",
  8.         "callback": callback2
  9.         });
  10.         };
  11.  
  12.         function callback2() {
  13.         /* 這裡可履行提交表單的動作
  14.         alert("恭喜你驗證成功");
  15.         */
  16.         document.getElementById("submit2").disabled = false;
  17.         document.getElementById("submit2").classList.remove('au-btn--gray');
  18.         document.getElementById("submit2").classList.add('au-btn--yellow');
  19.         }
  20.     </script>
複製代碼

然後在form的action程式裏面貼上利用這個function ,如果false就不給登入,就能夠啦~


PHP驗證版

STEP II

若是已註冊過,想查詢本身的公私鑰:
https://www.google.com/recaptcha/admin#list
還沒註冊過的,下面三步驟建立Google reCAPTCHA~


 


 

Google reCAPTCHA V2 機械人驗證 教授教養Google reCAPTCHA V2 機械人驗證 教授教養

網頁設計
  1. // GOOGLE RECAPTHA
  2.         $data['secret'] = '私鑰';
  3.     $data['response'] = $_POST['g-recaptcha-response'];
  4.     $ch = curl_init();
  5.     // 利用CURL驗證
  6.     curl_setopt($ch,CURLOPT_SSL_VERIFYHOST,0);
  7.     curl_setopt($ch,CURLOPT_SSL_VERIFYPEER,0);
  8.     curl_setopt($ch,CURLOPT_RETURNTRANSFER, true);
  9.     curl_setopt($ch, CURLOPT_URL, 'https://www.google.com/recaptcha/api/siteverify');
  10.     curl_setopt($ch, CURLOPT_POST, true);
  11.     curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
  12.     $result = curl_exec($ch);
  13.     curl_close($ch);
  14.     // 解密
  15.         $result = json_decode($result, true);
  16.  
  17.     // 查抄是不是經由過程驗證
  18.     if ( ! isset($result['success']) || ! $result['success']) {
  19.         // 驗證失敗
  20.                 echo "<script>alert('驗證碼機器人失敗!');history.go(-1);</script>";
  21.                   exit;
  22.     }
複製代碼
  1. <div id="recaptcha_box2"></div>
複製代碼

前去 Google機器人官網,點選右上的 「Admin console」按鈕。

選1.勾選我不是機械人
Google reCAPTCHA V2 機械人驗證 教授教養
Google reCAPTCHA V2 機械人驗證 教授教養
 

arrow
arrow
    文章標籤
    網頁設計
    全站熱搜
    創作者介紹
    創作者 nerolindwwdh 的頭像
    nerolindwwdh

    新竹網頁設計

    nerolindwwdh 發表在 痞客邦 留言(0) 人氣()