{"id":25237,"date":"2021-06-03T17:28:00","date_gmt":"2021-06-03T14:28:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=25237"},"modified":"2021-10-17T20:28:19","modified_gmt":"2021-10-17T17:28:19","slug":"integroi-google-invisible-recaptcha-php-hen","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fi\/integroi-google-invisible-recaptcha-php-hen\/","title":{"rendered":"Integroi Google Invisible reCAPTCHA PHP: hen"},"content":{"rendered":"<p>Captchan lis\u00e4\u00e4minen verkkosivustolomakkeisiin on nyky\u00e4\u00e4n v\u00e4ltt\u00e4m\u00e4t\u00f6nt\u00e4. Muuten postilaatikkosi ja tietokanta t\u00e4ytt\u00e4v\u00e4t tonnia roskapostia. Se vain tuhlaa aikaa s\u00e4hk\u00f6postien puhdistamiseen ja vie my\u00f6s ylim\u00e4\u00e4r\u00e4ist\u00e4 tilaa palvelintietokannassa.<\/p>\n<p>Google reCAPTCHA on parempi tapa suojata lomakkeesi botteja vastaan. ReCAPTCHA: n avulla jatkat lomakkeitasi vain, jos sill\u00e4 on todellisia ihmisen vuorovaikutuksia.<\/p>\n<p>T\u00e4ss\u00e4 artikkelissa tutkitaan, miten Google Invisible reCAPTCHA integroidaan verkkosivustolomakkeisiin PHP: n kanssa. Invisible reCAPTCHA: n tapauksessa vierailijoiden ei tarvitse ratkaista pulmia. Sen on vahvistettava pyynt\u00f6 taustalla palvelinpuolella.<\/p>\n<h3>Rekister\u00f6i sivusto ja hanki API-avaimet<\/h3>\n<p>Aloita rekister\u00f6im\u00e4ll\u00e4 sivustosi t\u00e4\u00e4ll\u00e4 &#8211; <a href=\"https:\/\/www.google.com\/recaptcha\/admin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><\/a><a href=\"https:\/\/www.google.com\/recaptcha\/admin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">https:\/\/www.google.com\/recaptcha\/admin<\/a>.<\/p>\n<p>Nosta vaihtoehto &#8217;Invisible reCAPTCHA badge&#8217; reCAPTCHA v2: sta.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20366-6081e5c0514d1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20366-6081e5c0514d1.png\" alt=\"Integroi Google Invisible reCAPTCHA PHP: hen\" ><\/a><\/p>\n<p>Lis\u00e4\u00e4 verkkotunnuksesi samassa muodossa. Voit lis\u00e4t\u00e4 niin monta verkkotunnusta kuin haluat. Paikalliselle palvelimelle lis\u00e4t\u00e4\u00e4n toimialue localhostina. Kun l\u00e4het\u00e4t lomakkeen, saat API-avaimet. Kopioi n\u00e4m\u00e4 avaimet. Se vaaditaan seuraavissa vaiheissa.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20366-6081e5c0e03db.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/04\/post-20366-6081e5c0e03db.png\" alt=\"Integroi Google Invisible reCAPTCHA PHP: hen\" ><\/a><\/p>\n<h3>Integroi Google Invisible reCAPTCHA<\/h3>\n<p>N\u00e4kym\u00e4tt\u00f6m\u00e4n reCAPTCHA: n lis\u00e4\u00e4minen lomakkeeseen vaatii hieman erilaista l\u00e4hestymistapaa. Meid\u00e4n on v\u00e4litett\u00e4v\u00e4 data-attribuutit painikkeeseen ja l\u00e4hetett\u00e4v\u00e4 lomake JavaScriptin avulla seuraavasti.<\/p>\n<pre><code>&lt;form method=\"post\" id=\"userForm\"&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;p&gt;&lt;input type=\"text\" class=\"form-control\" name=\"fullname\" placeholder=\"Enter full name\" \/&gt;&lt;\/p&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;p&gt;&lt;button class=\"g-recaptcha btn btn-primary\" data-sitekey=\"YOUR_SITE_KEY\" data-callback=\"submitForm\"&gt;Submit&lt;\/button&gt;&lt;\/p&gt;\n&lt;\/form&gt;\n\u00a0\n&lt;script src='https:\/\/www.google.com\/recaptcha\/api.js'&gt;&lt;\/script&gt;\n&lt;script&gt;\nfunction submitForm() {\n\u00a0\u00a0\u00a0\u00a0document.getElementById('userForm').submit();\n}\n&lt;\/script&gt;<\/code><\/pre>\n<p>T\u00e4m\u00e4 koodi lis\u00e4\u00e4 N\u00e4kym\u00e4t\u00f6n reCAPTCHA-lomakkeen. Jos lataat sivun uudelleen, n\u00e4et reCAPTCHA-logon sivun oikeassa alakulmassa.<\/p>\n<p>T\u00e4ss\u00e4 olemme siirt\u00e4neet reCAPTCHA-sivuston avaimen data-sitekey-attribuutille ja menetelm\u00e4n nimen &#8217;submForm&#8217; attribuutille &#8217;data-callback&#8217;. Kun k\u00e4ytt\u00e4j\u00e4 napsauttaa painiketta, se kutsuu takaisinsoittomenetelm\u00e4n, joka l\u00e4hett\u00e4\u00e4 lomakkeen JavaScripti\u00e4 k\u00e4ytt\u00e4en.<\/p>\n<p>Nyt on aika tarkistaa palvelinpuoli. Tarkistamme reCAPTCHA-vastauksen arvon Google API: n URL-osoitteeseen seuraavasti.<\/p>\n<pre><code>if (isset($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0$secret_key = 'YOUR_SECRET_KEY';\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify?secret='.$secret_key.'&amp;response='.$_POST['g-recaptcha-response'];\n\u00a0\u00a0\u00a0\u00a0$curl = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_URL, $url);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_HEADER, false);\n\u00a0\u00a0\u00a0\u00a0$data = curl_exec($curl);\n\u00a0\u00a0\u00a0\u00a0curl_close($curl);\n\u00a0\u00a0\u00a0\u00a0$responseCaptchaData = json_decode($data);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if($responseCaptchaData-&gt;success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Captcha verified';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed with form values\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Verification failed';\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\n<p>Kun oikea ihminen l\u00e4hett\u00e4\u00e4 lomakkeen, se luo reCAPTCHA-vastauksen, jonka yll\u00e4 oleva koodi vahvistaa Google-sovellusliittym\u00e4ll\u00e4. Jos lomake l\u00e4hetet\u00e4\u00e4n bottien kautta, yll\u00e4 oleva vahvistus ep\u00e4onnistuu. Lomaketta tulisi jatkaa vain, jos vastaus onnistuu.<\/p>\n<p>Lopullinen koodimme on seuraava.<\/p>\n<pre><code>&lt;?php\nif (isset($_POST['g-recaptcha-response'])) {\n\u00a0\u00a0\u00a0\u00a0$secret_key = 'YOUR_SECRET_KEY';\n\u00a0\u00a0\u00a0\u00a0$url = 'https:\/\/www.google.com\/recaptcha\/api\/siteverify?secret='.$secret_key.'&amp;response='.$_POST['g-recaptcha-response'];\n\u00a0\u00a0\u00a0\u00a0$curl = curl_init();\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_URL, $url);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_RETURNTRANSFER, true);\n\u00a0\u00a0\u00a0\u00a0curl_setopt($curl, CURLOPT_HEADER, false);\n\u00a0\u00a0\u00a0\u00a0$data = curl_exec($curl);\n\u00a0\u00a0\u00a0\u00a0curl_close($curl);\n\u00a0\u00a0\u00a0\u00a0$responseCaptchaData = json_decode($data);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0if($responseCaptchaData-&gt;success) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Captcha verified';\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/proceed with form values\n\u00a0\u00a0\u00a0\u00a0} else {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0echo 'Verification failed';\n\u00a0\u00a0\u00a0\u00a0}\n}\n?&gt;\n&lt;form method=\"post\" id=\"userForm\"&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;p&gt;&lt;input type=\"text\" class=\"form-control\" name=\"fullname\" placeholder=\"Enter full name\" \/&gt;&lt;\/p&gt;\n\u00a0\u00a0\u00a0\u00a0&lt;p&gt;&lt;button class=\"g-recaptcha btn btn-primary\" data-sitekey=\"YOUR_SITE_KEY\" data-callback=\"submitForm\"&gt;Submit&lt;\/button&gt;&lt;\/p&gt;\n&lt;\/form&gt;\n\u00a0\n&lt;script src='https:\/\/www.google.com\/recaptcha\/api.js'&gt;&lt;\/script&gt;\n&lt;script&gt;\nfunction submitForm() {\n\u00a0\u00a0\u00a0\u00a0document.getElementById('userForm').submit();\n}\n&lt;\/script&gt;<\/code><\/pre>\n<p>Se siit\u00e4! Nauti roskapostin ilmaisista lomakkeista verkkosivustollasi. Haluaisin kuulla ajatuksesi ja ehdotuksesi alla olevassa kommenttiosassa.<\/p>\n<h4>Aiheeseen liittyv\u00e4t artikkelit<\/h4>\n<ul>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/google-recaptcha-n-kayttaminen-verkkosivustolomakkeissasi-php-n-kanssa\/\" title=\"Google reCAPTCHA: n k\u00e4ytt\u00e4minen verkkosivustolomakkeissasi PHP: n kanssa\">Google reCAPTCHA: n k\u00e4ytt\u00e4minen verkkosivustolomakkeissasi PHP: n kanssa<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/vahvista-google-recaptcha-javascriptin-avulla\/\" title=\"Vahvista Google reCAPTCHA JavaScriptin avulla\">Vahvista Google reCAPTCHA JavaScriptin avulla<\/a><\/li>\n<li><a href=\"https:\/\/themewp.inform.click\/fi\/opas-google-recaptcha-v3-n-lisaamisesta-laravel-verkkosivustoosi\/\" title=\"Opas Google reCAPTCHA v3: n lis\u00e4\u00e4misest\u00e4 Laravel-verkkosivustoosi\">Opas Google reCAPTCHA v3: n lis\u00e4\u00e4misest\u00e4 Laravel-verkkosivustoosi<\/a><\/li>\n<\/ul>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/artisansweb.net\" class=\"external external_icon\">artisansweb.net<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aiotko integroida Google Invisible reCAPTCHA: n verkkosivustollesi? T\u00e4ss\u00e4 artikkelissa n\u00e4yt\u00e4n sinulle, kuinka voit lis\u00e4t\u00e4 ja vahvistaa n\u00e4kym\u00e4tt\u00f6mi\u00e4<\/p>\n","protected":false},"author":1,"featured_media":21642,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[275],"tags":[843],"class_list":["post-25237","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php-6","tag-affiai-fi"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/25237","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/comments?post=25237"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/posts\/25237\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media\/21642"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/media?parent=25237"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/categories?post=25237"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fi\/wp-json\/wp\/v2\/tags?post=25237"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}