24h購物| | PChome| 登入
2023-07-30 20:23:57| 人氣15| 回應0
推薦 0 收藏 0 轉貼0 訂閱站台

Google reCAPTCHA V2 機器人驗證 教學 P

如果已經註冊過,想查詢自己的公私鑰:
https://www.google.com/recaptcha/admin#list
還沒註冊過的,下面三步驟建立Google reCAPTCHA~


 

STEP I

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

1.png

STEP II

填入名稱、選擇驗證類型、網域、管理者,同意Google蒐集網頁資訊、建立

網站架設

選1.勾選我不是機器人
2.png
 

STEP III

3.png

 

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

  1. <div id="recaptcha_box2"></div>
複製代碼
網站架設

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

  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>
網站架設 複製代碼


PHP驗證版

  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.     }
複製代碼


 

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

網站架設

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

文章出處

台長: shellyvv2
人氣(15) | 回應(0)| 推薦 (0)| 收藏 (0)| 轉寄
全站分類: 偶像後援(藝人、後援會) | 個人分類: NetYea |

是 (若未登入"個人新聞台帳號"則看不到回覆唷!)
* 請輸入識別碼:
請輸入圖片中算式的結果(可能為0) 
(有*為必填)
TOP
詳全文