JADI, reCAPTCHA akan memfilter apakah IP pengguna yang ingin melakukan kegiatan input data dari form-form tersebut akan di validasi terlebih dahulu apakah IP tersebut masuk dalam daftar blacklist mereka atau tidak, jika tidak makan kegiatan input data dapat di lanjutkan, jika sebaliknya makan kegiatan tersebut tidak akan di lanjutkan.
Nah, jadi kalau website atau hosting kalian sering kena Spam, Malware, Backdoor, Virus, Mallicious Script, dll. bisa jadi karena form input website kalian tidak ada pengamanannya, jadi data apapun bisa masuk melalui form input tersebut. (hacker emang hebat yah…)
Next, untuk dapat mengikuti tutorial ini agar kalian tidak sakit kepala pada saat implementasinya maka kalian harus memiliki :
- Skill bahasa pemrograman PHP, ngga harus jago, yang penting kalian mengerti apa itu If dan Else.
- Nama domain, kenapa harus punya nama domain?? Karena reCAPTCHA tidak bisa berjalan di localhost.
- Website, kenapa harus punya nama website?? Ya’ kalau tidak punya website reCAPTCHA-nya mau di pasang dimana?.
- Niat yang tulus dan serius juga tekat yang kuat.
Jika kalian merasa sudah cukup dan sudah kuat mental silahkan lanjut ke pembahasan berikut.
1. Mendaftarkan Nama Domain dan Generate Key :
Untuk memasang fitur reCAPTCHA ke halaman website (khususnya pada form input), maka sebelumnya kita harus mendapatkan Key-nya terlebih dahulu, untuk mendapatkan Key-nya silahkan ikuti langkah-langkah berikut :
- Pastikan kalian sudah memiliki akun email di Google dan sudah dalam kondisi login, selanjutnya silahkan klik URL di postingan sebelumnya
- Setelah meng-klik URL tersebut kalian akan langsung di arahkan ke
halaman pendaftaran nama domain, silahkan kalian isi kolom-kolom yang
tersedia.
- Setelah selesai mengisi kolom-kolom tersebut, selanjutnya klik tombol ‘Register‘, maka sistem Google akan meng-generate Key berdasarkan nama domain yang kalian masukan, di sini kalian akan mendapatkan Site Key dan Secret Key. Catat Site Key dan Secret Key kalian.
2. Integrasi ke Halaman Website
Setelah Key-nya (Site Key & Secret Key) sudah kalian dapatkan selanjutnya tinggal kalian pasang kode reCAPTCHA ke salah satu form input di halaman website kalian. Adapun caranya silahkan ikuti langkah-langkah berikut :
- Masukan kode berikut ke dalam tag html pada halaman website kalian, tepatnya sebelum tag </head>,
<script src='https://www.google.com/recaptcha/api.js'></script>
- Masukan kode berikut ke dalam tag form pada halaman website kalian, tepatnya sebelum tag </form> :
<div class="g-recaptcha" data-sitekey="SITE_KEY"></div>
Contoh :
<form action="contact-send.php" method="POST">Name : <input name="" type="text" />Email : <input name="" type="email" />Message : <textarea name=""></textarea><div class="g-recaptcha" data-sitekey="SITE_KEY"></div><input name="button" type="submit" class="tombol" value="Kirim" /></form>Silahkan kalian ganti ‘SITE_KEY‘ di atas dengan Site_Key yang sudah kalian dapat sebelumnya.
- Selanjutnya silahkan buka file *.php website kalian dimana file tersebut yang berfungsi untuk memproses form input di atas, lalu silahkan tambahkan variabel berikut pada proses form milik kalian :
$captcha = $_POST['g-recaptcha-response'];if (!$captcha) {echo 'Please check the captcha form.';} else {$response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=SECRET_KEY&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']);if ($response.success != true) {echo 'You are spammer ! Get the @$%K out!!';} else {echo 'Congrat! You are not spammer.'// Return your proccess code form here.}}
Silahkan kalian ganti ‘SECRET_KEY‘ di atas dengan Secret_Key yang sudah kalian dapat sebelumnya.
Jika semua langkah-langkah yang kalian lakukan sudah benar, maka halaman website yang kalian pasang kode reCAPTCHA pada form input data akan tampil validasi dari reCAPTCHA.
Sekian tutorialnya yah, kalau ada masukan, referensi, koreksi, dll. jangan lupa kolom komentar di bawah siap sedia untuk kalian.
Sampai jumpa di tutorial berikutnya… Thanx…
EmoticonEmoticon