Tutorial Cara Memasang Google reCaptcha
Assalamu'alaikum Wr Wb.
Selamat malam kawan, pada malam yang cerah ini saya akan berbagi tentang bagaimana memasang google reCaptcha. Mungkin pembaca sudah sangat mengenal dengan yang namanya captcha. captcha berfungsi untuk mencegah serangan spam, dan pastinya untuk menjaga website kita dari serangan-serangan yang dapat menimbulkan kerugian bagi owner website tersebut. Sedangkan google reCaptcha merupakan API yang disediakan google untuk membuat captcha. Jika ada yang belum tahu apa itu API, bisa kawan-kawan baca di link berikut www.google.co.id.
Untuk dapat menggunakan google reCaptcha, hal pertama yang harus kita lakukan adalah mendaftarkan email google untuk mendapatkan site key dan secret key.
Untuk mendaftar, kita bisa mengunjungi link dibawah ini.
https://www.google.com/recaptcha/intro/index.html
Kemudian kita klik tombol get reCAPTCHA seperti gambar dibawah ini.
Setelah itu kita diharuskan mendaftarkan domain website kita. Atau jika website kita masih di localhost, kita masukkan saja pada kolom domains dengan kata "localhost" (tanpa tanda petik), sebagaimana gambar dibawah.
Setelah itu klik tombol register dan nanti kita akan mendapatkan site key dan secret key domain website kita.
Sekarang kita akan menerapkan reCaptcha pada halaman login kita.
1. Pertama masukkan script dibawah ini di antara tag <head> </head>
Selamat malam kawan, pada malam yang cerah ini saya akan berbagi tentang bagaimana memasang google reCaptcha. Mungkin pembaca sudah sangat mengenal dengan yang namanya captcha. captcha berfungsi untuk mencegah serangan spam, dan pastinya untuk menjaga website kita dari serangan-serangan yang dapat menimbulkan kerugian bagi owner website tersebut. Sedangkan google reCaptcha merupakan API yang disediakan google untuk membuat captcha. Jika ada yang belum tahu apa itu API, bisa kawan-kawan baca di link berikut www.google.co.id.
Untuk dapat menggunakan google reCaptcha, hal pertama yang harus kita lakukan adalah mendaftarkan email google untuk mendapatkan site key dan secret key.
Untuk mendaftar, kita bisa mengunjungi link dibawah ini.
https://www.google.com/recaptcha/intro/index.html
Kemudian kita klik tombol get reCAPTCHA seperti gambar dibawah ini.
Setelah itu kita diharuskan mendaftarkan domain website kita. Atau jika website kita masih di localhost, kita masukkan saja pada kolom domains dengan kata "localhost" (tanpa tanda petik), sebagaimana gambar dibawah.
Setelah itu klik tombol register dan nanti kita akan mendapatkan site key dan secret key domain website kita.
Sekarang kita akan menerapkan reCaptcha pada halaman login kita.
1. Pertama masukkan script dibawah ini di antara tag <head> </head>
<script src='https://www.google.com/recaptcha/api.js'></script>2. Tambahkan script dibawah ini pada file halaman login, tepat dibawah kolom password.<div class="g-recaptcha" data-sitekey="== Your site Key =="></div> 3. Untuk lebih jelasnya lihat script di bawah ini (login.html).
<html>
<head>
<title>Google recapcha demo - Codeforgeek</title>
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
<h1>Google reCAPTHA Demo</h1>
<form id="comment_form" action="proses.php" method="post">
<input type="email" placeholder="Type your email" size="40"><br><br>
<textarea name="comment" rows="8" cols="39"></textarea><br><br>
<input type="submit" name="submit" value="Post comment"><br><br>
<div class="g-recaptcha" data-sitekey="=== Your site key ==="></div>
</form>
</body> </html>
<head>
<title>Google recapcha demo - Codeforgeek</title>
<script src='https://www.google.com/recaptcha/api.js'></script>
</head>
<body>
<h1>Google reCAPTHA Demo</h1>
<form id="comment_form" action="proses.php" method="post">
<input type="email" placeholder="Type your email" size="40"><br><br>
<textarea name="comment" rows="8" cols="39"></textarea><br><br>
<input type="submit" name="submit" value="Post comment"><br><br>
<div class="g-recaptcha" data-sitekey="=== Your site key ==="></div>
</form>
</body> </html>
4. Untuk prosesnya bisa menggunakan script dibawah ini (proses.php)
<?php
$email;$comment;$captcha;
if(isset($_POST['email'])){
$email=$_POST['email'];
}if(isset($_POST['comment'])){
$email=$_POST['comment'];
}if(isset($_POST['g-recaptcha-response'])){
$captcha=$_POST['g-recaptcha-response'];
}
if(!$captcha){
echo '<h2>Please check the the captcha form.</h2>';
exit;
}
$response=file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=YOUR SECRET KEY&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']);
if($response.success==false)
{
echo '<h2>You are spammer ! Get the @$%K out</h2>';
}else
{
echo '<h2>Thanks for posting comment.</h2>';
} ?>
$email;$comment;$captcha;
if(isset($_POST['email'])){
$email=$_POST['email'];
}if(isset($_POST['comment'])){
$email=$_POST['comment'];
}if(isset($_POST['g-recaptcha-response'])){
$captcha=$_POST['g-recaptcha-response'];
}
if(!$captcha){
echo '<h2>Please check the the captcha form.</h2>';
exit;
}
$response=file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=YOUR SECRET KEY&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']);
if($response.success==false)
{
echo '<h2>You are spammer ! Get the @$%K out</h2>';
}else
{
echo '<h2>Thanks for posting comment.</h2>';
} ?>
5. Setelah itu reCaptcha bisa digunakan sebagaimana mestinya seperti gambar dibawah ini.
Bagaimana? mudah sekali bukan??Baik, hanya itu yang bisa saya sampaikan, semoga bisa bermanfaat bagi kawan-kawan pembaca.Wassalam.
0 komentar: