{"id":6896,"date":"2019-11-08T04:12:34","date_gmt":"2019-11-08T04:12:34","guid":{"rendered":"http:\/\/tapchicntt.com\/?p=6896"},"modified":"2023-08-12T12:08:58","modified_gmt":"2023-08-12T05:08:58","slug":"huong-dan-tao-google-recaptcha-v3","status":"publish","type":"post","link":"https:\/\/tapchicntt.com\/huong-dan-tao-google-recaptcha-v3\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn t\u1ea1o Google reCAPTCHA V3"},"content":{"rendered":"\n

Google \u0111\u00e3 ra m\u1eaft reCAPTCHA v3 \u0111\u1ec3 ng\u0103n ch\u1eb7n c\u00e1c bot spam m\u00e0 kh\u00f4ng c\u00f3 b\u1ea5t k\u1ef3 s\u1ef1 t\u01b0\u01a1ng t\u00e1c n\u00e0o c\u1ee7a ng\u01b0\u1eddi d\u00f9ng. reCAPTCHA v3 tr\u1ea3 l\u1ea1i cho ch\u00fang t\u00f4i c\u00e1c th\u01b0 r\u00e1c \u0111\u1ec3 th\u1ef1c hi\u1ec7n c\u00e1c t\u00e1c v\u1ee5 kh\u00e1c nhau trong \u1ee9ng d\u1ee5ng web c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n

B\u00e0i h\u01b0\u1edbng d\u1eabn n\u00e0y, t\u00f4i s\u1ebd h\u01b0\u1edbng d\u1eabn cho b\u1ea1n c\u00e1ch t\u00edch h\u1ee3p Google reCAPTCHA v3 v\u00e0o trang web c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n

Demo<\/a> | Download<\/a><\/p>\n\n\n\n

\u0110\u1ea7u ti\u1ec1n b\u1ea1n \u0111\u0103ng k\u00fd t\u1ea1i Google reCAPTCHA<\/a> \u0111\u1ec3 nh\u1eadn Secret Key cho trang web c\u1ee7a b\u1ea1n. <\/p>\n\n\n\n

\u0110\u0103ng nh\u1eadp v\u00e0o t\u00e0i kho\u1ea3n Google c\u1ee7a b\u1ea1n v\u00e0 t\u1ea1o \u1ee9ng d\u1ee5ng b\u1eb1ng c\u00e1ch \u0111i\u1ec1n v\u00e0o bi\u1ec3u m\u1eabu.<\/p>\n\n\n\n

Ch\u1ecdn reCAPTCHA v3 .<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Sau khi g\u1eedi, Google s\u1ebd cung c\u1ea5p cho b\u1ea1n hai th\u00f4ng tin sau.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

Ch\u00e8n \u0111o\u1ea1n code sau \u0111\u1ec3 t\u00edch h\u1ee3p Google reCAPTCHA v\u00e0o website c\u1ee7a b\u1ea1n<\/p>\n\n\n

\n<script src="https:\/\/www.google.com\/recaptcha\/api.js?render=put_your_site_key_here"><\/script>\n<\/pre><\/div>\n\n\n
Google reCAPTCHA v3 \u0111\u00e3 \u0111\u01b0\u1ee3c ch\u00e8n th\u00e0nh c\u00f4ng v\u00e0o website c\u1ee7a b\u1ea1n<\/p>\n\n\n\n
B\u1ea1n c\u1ea7n x\u1eed l\u00fd ph\u1ea3n h\u1ed3i captcha c\u1ee7a google trong m\u00e3 JavaScript c\u1ee7a m\u00ecnh.<\/p>\n\n\n
\n<script src="https:\/\/www.google.com\/recaptcha\/api.js?render=put_your_site_key_here"><\/script>\n<script>\n  grecaptcha.ready(function() {\n      grecaptcha.execute('put your site key here', {action: 'homepage'}).then(function(token) {\n        \/\/ pass the token to the backend script for verification\n      });\n  });\n<\/script>\n<\/pre><\/div>\n\n\n
Sau \u0111\u00e2y l\u00e0 \u0111o\u1ea1n code HTML ho\u00e0n ch\u1ec9nh v\u1ec1 c\u00e1ch th\u1ee9c s\u1eed d\u1ee5ng Google reCAPTCHA v3<\/p>\n\n\n
\n<!DOCTYPE html>\n<html>\n<head>\n<title>Coming soon - Ly Minh Hoang<\/title>\n\n<meta name="viewport" content="width=device-width, initial-scale=1">\n<meta http-equiv="Content-Type" content="text\/html; charset=utf-8" \/>\n\n<script type="application\/x-javascript">\n\taddEventListener("load", function() { \n\t\tsetTimeout(hideURLbar, 0); \n\t}, false);\n\tfunction hideURLbar(){ \n\t\twindow.scrollTo(0,1);\n\t}\n<\/script>\n<link href="https:\/\/lyminhhoang.com\/layout\/css\/style.css" rel="stylesheet" type="text\/css" media="all" \/>\n<link href='https:\/\/fonts.googleapis.com\/css?family=Philosopher:400,400italic,700,700italic' rel='stylesheet' type='text\/css'>\n<link href='https:\/\/fonts.googleapis.com\/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text\/css'>\n<script src="https:\/\/www.google.com\/recaptcha\/api.js?render=put_your_site_key_here"><\/script>\n<\/head>\n\n<body>\n\t\n\t<div class="main">\n\t\t<h1>Coming Soon<\/h1>\n\t\t<div class="main-row">\n\t\t\t<p><\/p>\n\t\t\t<div class="w3ls-img"> \n\t\t\t\t<img src="layout\/images\/logo.png" width="64px" alt=""\/>\n\t\t\t<\/div>\t\n\t\t\t<div class="agileits-timer"> \n\t\t\t\t <div class="clock">\n\t\t\t\t\t<div class="column days">\n\t\t\t\t\t\t<div class="timer" id="days"><\/div>\n\t\t\t\t\t\t<div class="text">DAYS<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class="timer days">:<\/div>\n\t\t\t\t\t<div class="column">\n\t\t\t\t\t\t<div class="timer" id="hours"><\/div>\n\t\t\t\t\t\t<div class="text">HOURS<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class="timer">:<\/div>\n\t\t\t\t\t<div class="column">\n\t\t\t\t\t\t<div class="timer" id="minutes"><\/div>\n\t\t\t\t\t\t<div class="text">MINUTES<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class="timer">:<\/div>\n\t\t\t\t\t<div class="column">\n\t\t\t\t\t\t<div class="timer" id="seconds"><\/div>\n\t\t\t\t\t\t<div class="text">SECONDS<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\t\n\t\t\t<\/div>\n\t\t\t<div class="wthree-sub">\n\t\t\t\t<form id="contact_form" action="#" method="post">\n\t\t\t\t\t<input type="email" id="email" name="Search" placeholder="Enter your Email..." required="">\n\t\t\t\t\t<button type="submit" class="btn btn-default" aria-label="Left Align">\n\t\t\t\t\t\t<img src="layout\/images\/i2.png" alt=""\/>\n\t\t\t\t\t<\/button>\n\t\t\t\t<\/form>  \n\t\t\t<\/div>\t\n\t\t<\/div>\n\t\t<!-- copyright -->\n\t\t<div class="copyright">\n\t\t\t<p> \u00a9 2017 Coming Soon.<\/p>\n\t\t<\/div>\n\t\t<!-- \/\/copyright -->\n\t<\/div>\t\n\t<script  src="https:\/\/lyminhhoang.com\/layout\/js\/jquery-1.12.3.min.js"><\/script>\n\t<script type="text\/javascript" src="https:\/\/lyminhhoang.com\/layout\/js\/moment.js"><\/script>\n\t<script type="text\/javascript" src="https:\/\/lyminhhoang.com\/layout\/js\/moment-timezone-with-data.js"><\/script>\n\t<script type="text\/javascript" src="https:\/\/lyminhhoang.com\/layout\/js\/timer.js"><\/script>\n\t\n\t<script src="https:\/\/www.google.com\/recaptcha\/api.js?render=put_your_site_key_here"><\/script>\n\t<script>\n\t\t$('#contact_form').submit(function() {\n\t\t\tevent.preventDefault();\n\t\t\tvar email = $('#email').val();\n\t\t\tgrecaptcha.ready(function() {\n\t\t\t\tgrecaptcha.execute('put_your_site_key_here', {action:'contact_form'}).then(function(token) {\n\t\t\t\t\t\n\t\t\t\t\t$('#contact_form').prepend('<input type="hidden" name="g-recaptcha-response" value="' + token + '">');\n\t\t\t\t\t\n\t\t\t\t\t$.post("contact.php",{email: email, token: token}, function(result) {\n                            \n\t\t\t\t\t\t\tconsole.log(result);\n\n                            if(result.success) {\n                                    alert('Thanks for posting comment.')\n                            } else {\n                                    alert('You are spammer ! Get the @$%K out.')\n                            }\n                    });\n\t\t\t\t\n\t\t\t  });\n\t\t\t});\n\t\t});\n\t<\/script>\n\t\n<\/body>\n<\/html>\n<\/pre><\/div>\n\n\n
Trang web c\u1ee7a b\u1ea1n s\u1ebd hi\u1ec3n th\u1ecb nh\u01b0 sau:<\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Khi website c\u1ee7a b\u1ea1n hi\u1ec3n th\u1ecb nh\u01b0 tr\u00ean, b\u1ea1n \u0111\u00e3 t\u00edch h\u1ee3p th\u00e0nh c\u00f4ng  Google reCAPTCHA v3 <\/p>\n\n\n
\n<?php\n\t$email;$captcha;\n\t$email = filter_input(INPUT_POST, 'email', FILTER_VALIDATE_EMAIL);\n\t$captcha = filter_input(INPUT_POST, 'token', FILTER_SANITIZE_STRING);\n  \n\tif(!$captcha){\n\t\techo '<h2>Please check the the captcha form.<\/h2>';\n\t\texit;\n\t}\n\t$secretKey = "-----put your secret here------";\n\t$ip = $_SERVER['REMOTE_ADDR'];\n\t\/\/ post request to server\n\t$url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify';\n\t$data = array('secret' => $secretKey, 'response' => $captcha);\n\t$options = array(\n\t\t'http' => array(\n\t\t\t'header'  => "Content-type: application\/x-www-form-urlencoded\\r\\n",\n\t\t\t'method'  => 'POST',\n\t\t\t'content' => http_build_query($data)\n\t\t)\n\t);\n\t$context  = stream_context_create($options);\n\t$response = file_get_contents($url, false, $context);\n\t$responseKeys = json_decode($response,true);\n\theader('Content-type: application\/json');\n\tif($responseKeys["success"]) {\n\t\techo json_encode(array('success' => 'true'));\n\t} else {\n\t\techo json_encode(array('success' => 'false'));\n  }\n?>\n<\/pre><\/div>\n\n\n
Ch\u00fac c\u00e1c b\u1ea1n th\u00e0nh c\u00f4ng! <\/p>\n","protected":false},"excerpt":{"rendered":"
Google \u0111\u00e3 ra m\u1eaft reCAPTCHA v3 \u0111\u1ec3 ng\u0103n ch\u1eb7n c\u00e1c bot spam m\u00e0 kh\u00f4ng c\u00f3 b\u1ea5t k\u1ef3 s\u1ef1 t\u01b0\u01a1ng t\u00e1c […]<\/p>\n","protected":false},"author":6,"featured_media":6907,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[142,212],"tags":[],"class_list":["post-6896","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thu-thuat-jquery","category-php-thu-thuat"],"views":780,"_links":{"self":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/6896","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/comments?post=6896"}],"version-history":[{"count":10,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/6896\/revisions"}],"predecessor-version":[{"id":8137,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/posts\/6896\/revisions\/8137"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media\/6907"}],"wp:attachment":[{"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/media?parent=6896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/categories?post=6896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tapchicntt.com\/rest-api\/wp\/v2\/tags?post=6896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}