DEV Community: Geordy James

DEV Community: Geordy James The latest articles on DEV Community by Geordy James (@geordyjames). https://dev.to/geordyjames https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F8676%2F25305642.jpeg DEV Community: Geordy James https://dev.to/geordyjames en Google Can Now Separate Humans from Bots Using Invisible Powers of AI Geordy James Tue, 14 Mar 2017 05:01:37 +0000 https://dev.to/geordyjames/google-can-now-separate-humans-from-bots-using-invisible-powers-of-ai https://dev.to/geordyjames/google-can-now-separate-humans-from-bots-using-invisible-powers-of-ai <p>No more clicking "I'm not a robot" checkbox, google step ahead and officially released it's most secure and innovative Invisible reCAPTCHA service ever.Google used their advanced machine learning algorithms and advanced risk analysis to make it invisible.Human users will be let through without seeing the "I'm not a robot" checkbox, while suspicious ones and bots still have to solve the challenges.The new google Invisible reCAPTCHA help to protect your site from bot attacks and spams. </p> <p>The official video of google Invisible reCAPTCHA is given below</p> <p><b>Now let's look at how to easily implement new google Invisible reCAPTCHA in our website.</b></p> <p>Now before we start coding we need to register our site and get a client key and secret key from google. You can register your site for free from <a href="https://www.google.com/recaptcha/admin">Google</a>. The registration process is fairly simple and straight forward so I am skipping it.</p> <p>The client side integration is fairly easy </p> <p>Paste this snippet before the closing tag on your HTML template:</p> <div class="highlight"><pre class="highlight plaintext"><code><script src='https://www.google.com/recaptcha/api.js'></script> </code></pre></div> <p>then Paste this snippet at the end of the </p> to create a button protected by the Invisible reCAPTCHA. You will need to create a callback function to handle the result. <pre class="highlight plaintext"><code><button class="g-recaptcha" data-sitekey="6Lc8xBgUAAACBD8a6QoJsCLdevUFF1LEeJ0iN5_m" data-callback="YourOnSubmitFn"> Submit </button> </code></pre> <p>The server-side integration is a little tricky</p> <p>you need to verify the client side response by sending it to <a href="https://www.google.com/recaptcha/api/siteverify">https://www.google.com/recaptcha/api/siteverify</a> and google will verify it and will return a JSON response.</p> <p>It is tricky so what I do is call a function for HTTP call in above URL and JSON decode above response from google like below</p> <pre class="highlight plaintext"><code> $getResponse = $this->getHTTP( array( 'secret' => $this->config['secret-key'], 'remoteip' => $remoteIp, 'response' => $recaptcha, ) ); // get reCAPTCHA server response $responses = json_decode($getResponse, true); private function getHTTP($data) { $url = 'https://www.google.com/recaptcha/api/siteverify?'.http_build_query($data); $response = file_get_contents($url); return $response; } </code></pre> <p>You can download the complete code and library by visiting <a href="https://shareurcodes.com/blog/google%20invisible%20recaptcha%20integration%20with%20php">this link</a>.</p> webdev programming php Prevent Bot attack in your site by using new Google reCAPTCHA Geordy James Sun, 05 Mar 2017 04:47:17 +0000 https://dev.to/geordyjames/prevent-bot-attack-in-your-site-by-using-new-google-recaptcha https://dev.to/geordyjames/prevent-bot-attack-in-your-site-by-using-new-google-recaptcha <p>Nowadays there is an extensive increase in bot attacks and spams faced by our websites. But a web developer can easily prevent them by using reCAPTCHA in their form submission and login systems. One of the best and easy to integrate reCAPTCHA was by using google reCAPTCHA, a free service provided by google. The main advance of google reCAPTCHA is its look and feel and easy to use for visitors. </p> <p>Now before we start coding we need to register our site and get a client key and secret key from google. You can register your site for free from <a href="https://www.google.com/recaptcha/admin">Google</a>. The registration process is fairly simple and straight forward so I am skipping it.</p> <p>The client side integration is fairly easy <br> Paste this snippet before the closing tag on your HTML template:</p> <div class="highlight"><pre class="highlight plaintext"><code><script src='https://www.google.com/recaptcha/api.js'></script> </code></pre></div> <p>Then Paste this snippet at the end of the </p> where you want the reCAPTCHA widget to appear: <pre class="highlight plaintext"><code><div class="g-recaptcha" data-sitekey="6LdV2ygTAAAAACZ2Js-_G6uLp99TEn0MUNpDPS3c"></div> </code></pre> <p>The server-side integration is a little tricky</p> <p>you need to verify the client side response by sending it to <a href="https://www.google.com/recaptcha/api/siteverify">https://www.google.com/recaptcha/api/siteverify</a> and google will verify it and will return a JSON response.</p> <p>It is tricky so what I do is call a function for HTTP call in above URL and JSON decode above response from google like below</p> <pre class="highlight plaintext"><code> $getResponse = $this->getHTTP( array( 'secret' => $this->config['secret-key'], 'remoteip' => $remoteIp, 'response' => $recaptcha, ) ); // get reCAPTCHA server response $responses = json_decode($getResponse, true); private function getHTTP($data) { $url = 'https://www.google.com/recaptcha/api/siteverify?'.http_build_query($data); $response = file_get_contents($url); return $response; } </code></pre> <p>You can download the complete code and library by visiting <a href="https://shareurcodes.com/blog/new%20google%20recaptcha%20integration%20with%20php">this link</a>.</p> webdev programming php Hi, I'm Geordy James Geordy James Sat, 04 Mar 2017 08:38:09 +0000 https://dev.to/geordyjames/hi-im-geordy-james https://dev.to/geordyjames/hi-im-geordy-james <p>I have been coding for 2 years.</p> <p>You can find me on GitHub as <a href="https://github.com/geordyjames" rel="noopener noreferrer">geordyjames</a></p> <p>I live in India.</p> <p>I work as an independent web developer.</p> <p>I mostly program in these languages: Codeigniter and Laravel.</p> <p>I am currently learning more about Vue.js.</p> <p>I also created a blog in Laravel to share my codes and knowledge with young developers - <a href="http://shareurcodes.com/" rel="noopener noreferrer">http://shareurcodes.com/</a></p> <p>My biggest passion is coding and developing new projects.</p> <p>I love helping young programmers and I am an active user of StackOverflow. </p> <p>Nice to meet you.</p> introduction