Tutorial Cara Membuat Google reCaptcha dengan PHP

Tutorial Cara Membuat Google reCaptcha dengan PHP – Pada artikel sebelumnya kita telah mempelajari tutorial cara membuat simple captcha dengan bahasa pemrograman PHP lengkap dengan validasinya. Nah, kali ini kita akan membuat captcha kembali namun dengan bantuan dari pihak ketiga yaitu Google reCaptcha.

Daftar Isi

Perbedaan utamanya tentu bisa kita lihat yang salah satunya, jika pada simple captcha pengguna harus menginput manual kode verifikasi yang muncul sedangkan pada Google reCaptcha ini pengguna hanya klik area captcha maka otomatis diverifikasi oleh Google. Lalu bagaimana cara membuat captcha dari Google reCaptcha? Simak penjelasan lengkapnya di bawah.

Apa Itu Google reCaptcha?

Sebelum kita melangkah lebih jauh, terlebih dahulu mengetahui apa itu sebenarnya layanan Google reCaptcha? Google reCaptcha adalah layanan keamanan yang digunakan untuk melindungi situs web dari penyalahgunaan dan spam oleh bot otomatis.

Layanan ini dibuat dan dikembangkan langsung oleh mesin pencari populer yaitu Google dan bertujuan untuk membedakan antara pengguna manusia dan bot dengan cara yang mudah bagi pengguna manusia tetapi sulit untuk bot.

Google reCaptcha sendiri memiliki beberapa versi tampilan reCaptcha yang bisa kita pilih yang diantaranya sebagai berikut.

reCaptcha v1, hampir mirip dengan simple captcha yang telah kita buat sebelumnya. Versi pertama ini meminta pengguna untuk membaca teks dari gambar yang terdistorsi dan mengetikkan kembali teks tersebut ke dalam kotak yang tersedia.
reCaptcha v2, diantara versi yang ada versi kedua ini lebih populer digunakan oleh orang. Pada versi ini terbagi menjadi dua bagian yaitu kotak centang “I’m not a robot” dan Tantangan Gambar.
reCaptcha v3, merupakan versi terbaru yang bekerja di latar belakang tanpa mengganggu pengguna. reCaptcha v3 memberi skor untuk setiap interaksi pengguna dengan situs web, yang menunjukkan seberapa mencurigakan aktivitas tersebut.

Dari ketiga versi tersebut, pada tutorial kali ini kita akan membuat reCaptcha type v2. Dimana versi tersebut merupakan versi yang paling mudah digunakan untuk pemula.

Bagaimana Cara Bikin Captcha dengan PHP?

Cara bikin captcha dengan PHP ada beberapa cara yang bisa Anda pilih. Pertama, bisa menggunakan PHP murni yang tutorialnya sudah pernah saya bahas pada artikel sebelumnya. Sedangkan cara kedua bisa menggunakan layanan pihak ketiga dengan Google reCaptcha.

Cara Membuat Google reCaptcha dengan PHP

Bagi Anda yang tidak sabar untuk mengikuti tutorial cara membuat captcha dengan bantuan pihak ketika Google reCaptcha, berikut ini langkah-langkah selengkapnya.

Step 1: Login ke Akun Google

Langkah pertama yang harus Anda lakukan tentu saja login ke akun Google. Hal ini penting karena kita akan mendapatkan api Google reCaptcha nantinya ketika sudah login. Jadi, pastikan Anda sudah login terlebih dahulu ya.

Step 2: Daftar Akun Google reCaptcha

Selanjutnya kita akan membuat akun Google reCaptcha. Cukup Anda kunjungi https://www.google.com/recaptcha/admin maka secara otomatis Anda sudah memiliki akun dengan mudah apabila sudah login terlebih dahulu.

Step 3: Menambahkan Situs Web

Hal selanjutnya yaitu menambahkan situs web ke Google reCaptcha. Langkahnya cukup mudah, cukup klik ikon tanda plus seperti yang ditunjuk pada gambar berikut.

Tutorial Cara Membuat Google reCaptcha dengan PHP

Setelah tombol plus tersebut Anda klik, maka Anda akan dibawa ke halaman berikutnya yang berisi formulir isian seperti gambar berikut.

Pada kolom Label isi dengan nama sesuai keinginan. Kemudian pada kolom reCaptcha type isi dengan pilihan captcha yang diinginkan, direkomendasikan pilih yang type checkbox. Terakhir, pada kolom Domains isi dengan nama domain Anda tanpa prefix apapun. Apabila sudah diisi semua, langsung saja klik tombol submit di bagian bawah formulir.

Step 4: Mendapatkan Api Google reCaptcha

Apabila Anda sudah menambahkan situs web, selanjutnya Anda akan dibawa ke halaman yang berisi Site Key dan Secret Key seperti gambar berikut.

Silahkan Anda copy atau simpan Site Key dan Secret Key yang muncul tersebut, keduanya akan kita gunakan untuk menampilkan captcha dengan PHP pada langkah selanjutnya.

Step 5: Memasang Google reCaptcha

Pada langkah selanjutnya kita akan memasang Google reCaptcha. Silahkan Anda buat file HTML dengan nama index.html lalu masukkan kode HTML berikut ke dalamnya lalu save.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Google reCaptcha by Afid Arifin</title>
    
    <!-- Google  Recaptcha-->
    <script src="https://www.google.com/recaptcha/api.js"></script>
  </head>
  <body>
    <form method="POST" action="validasi.php">
      <div class="g-recaptcha" style="transform: scale(0.77); -webkit-transform: scale(0.77); transform-Origin: 0 0; -webkit-transform-Origin: 0 0;" data-theme="light" data-sitekey="Tempel Site Key Anda di Sini"></div>
      <input type="submit" name="submit" value="VERIFIKASI">
    </form>
  </body>
</html>

Pada baris ke-12 kode HTML di atas, jangan lupa Anda pastekan kode Site Key yang telah disimpan sebelumnya di area yang sudah saya tandai. Apabila sudah dipaste dengan benar maka seharusnya akan muncul seperti gambar berikut.

Agar lebih berfungsi lebih baik, kita akan melengkapinya dengan sistem validasi reCaptcha. Apabila area checkbox belum diklik tapi pengguna klik tombol Verifikasi maka akan tampil peringatan agar terlebih dahulu klik checkbox-nya. Oleh karena itu, buat file PHP dengan nama validasi.php lalu masukkan kode berikut ke dalamnya.

<?php
  if(isset($_POST['submit'])) {
    $secretKey	= 'Tempel Secret Anda di Sini';
    $captcha  	= file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$secretKey.'&response='.$_POST["g-recaptcha-response"]);
    $response 	= json_decode($captcha);
    
    if($response->success != 1) {
      echo 'Verifikasi captcha gagal!';
    } else {
      echo 'Verifikasi captcha berhasil!';
    }
  }
?>

Kode PHP di atas akan mendeteksi dan memvalidasi pengguna, apabila tombol Verifikasi di klik tanpa checbox terlebih dahulu maka akan tampil string Verikasi captcha gagal!. Namun, jika pengguna klik checkbox terlebih dahulu baru tombol checkbox maka tampil string Verifikasi captcha berhasil!.

Penutup

Menggunakan layanan captcha dari pihak ketiga seperti Google reCaptcha ini jauh lebih mudah dan cepat dari pada menggunakan cara native. Lalu, bagaimana pilihan terbaik versi Anda dalam mengimplementasikan captcha pada situs web Anda?

Demikian artikel pada kesempatan kali ini mengenai tutorial cara membuat Google reCaptcha dengan bantuan bahasa pemrograman PHP. Sekian dari saya dan semoga bermanfaat.