CAPTCHA (uji turing publik terotomatisasi penuh untuk membedakan komputer dan manusia) adalah jenis tindakan keamanan yang dikenal sebagai autentikasi tantangan-tanggapan. CAPTCHA membantu melindungi dari dekripsi spam dan sandi dengan meminta Anda menyelesaikan pengujian sederhana, yang membuktikan bahwa Anda adalah manusia dan bukan komputer yang mencoba menyusup ke dalam akun yang dilindungi sandi. (support.google.com)
Nah, dari penjelasan om google berarti captcha akan membantu untuk mendeteksi apakah yang mau masuk ke dalam web kita merupakan robot atau manusia. Captcha juga merupakan proteksi untuk mencegah serangan brute force yang biasa digunakan oleh hacker.
Okey untuk bagaimana cara membuatnya :
- Buka link https://www.google.com/recaptcha.
- Lalu pilih menu v3 Admin Console, jika belum login google, kita akan diminta login terlebih dahulu.
- Setelah halaman Google Recaptcha terbuka, klik tombol create (+) di pojok kanan atas.
- Setelah muncul form register captcha. Isikan data website yang ingin kita pasang captcha. Disini contoh saya pakai localhost
- Label diisi Localhost (ini bebas ya)
- Type disini saya masih pakai yang versi 2, tapi kalau mau versi 3 boleh juga.
- Domains diisi localhost, dan 127.0.0.1 (ini ip/domain web yang kalian mau kasih captcha).
- Klik tanda accept term of service (kalau rajin ya dibaca dulu).
- Klik submit.
- Setelah diisi dengan lengkap, kita akan mendapatkan SITE KEY dan SECRET KEY yang digunakan untuk membuat captcha di web kita.
Setelah kita mendaftarkan captcha kita ke google, lalu kita masukkan ke dalam project laravel kita.
- Buka file .env pada project laravel kita, lalu tambahkan baris SITE KEY dan SECRET KEY yang tadi kita dapat.
RECAPTCHA_V2_SITE_KEY=6LcBQEgfAAAAAFBk43iQ24mLDYEV*******
RECAPTCHA_V2_SECRET_KEY=6LcBQEgfAAAAAD6ecm3htdADL6bX6dq******
- Lalu di file login kita, tambahkan code berikut
<div class="box-captcha">
<div class="g-recaptcha" data-sitekey="{{ env('RECAPTCHA_V2_SITE_KEY') }}"></div>
</div>
- Dan jangan lupa tambahkan javascript captcha di file login kita.
<!-- Recaptcha -->
<script src='https://www.google.com/recaptcha/api.js'></script>
- Setelah itu, kita tinggal coba kalau benar maka hasilnya akan seperti ini
Okey sekian sharing kali ini. semoga berhasil.
