reCAPTCHA v3 使用範例

方法一方法二後端 GAS 筆記文

方法2：寫 JavaScript 使用

參考文件：Programmatically invoke the challenge

code

grecaptcha.ready(function() {
  grecaptcha.execute('網站金鑰', {
    action: 'verify2'
  }).then(function(token) {
    // 將 token 送到後端做驗證
  });
});

<-- 引用 JS -->
<script src="https://www.google.com/recaptcha/api.js?render=網站金鑰" async defer></script>

引用 JS 時有 1 個參數要帶：

render：網站金鑰

grecaptcha.execute 的 data

action，v3 新增的，這邊填的值會顯示在後台報表中

點擊下方的「送出」按鈕來測試

驗證成功才會出現的按鈕