Javascript Google reCAPTCHA Entegrasyonu

Brute force'dan sıkıldınız mı? Javascript Google reCAPTCHA Entegrasyonu yaparak güvenlik önemlerinizi bir adım ileri taşıyın.


Merhaba değerli arkadaşlar, bu blog yazısında brute force vb. saldırılar veya güvenliği arttırmaya yönelik bu yazı ile siz de en basit şekilde recaptcha entegrasyonunu yapabileceksiniz.

Öncelikle head tagının bitişinin üst tarafına aşağıda verdiğim kodu ekliyoruz.

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

Google recaptcha panelinden kendi sitemizin anahtarını alıyoruz ve belirlediğiniz alanın alt tarafına html kodunu, panelden aldığınız site anahtarı ile değiştirip yerleştiriyoruz.

<div class="g-recaptcha mb-3" data-sitekey="SITE_ANAHTAR_KODUNUZ"></div>

En son olarak buton click eventi için aşağıda verdiğim javascript kodunu ekliyoruz.

var rcres = grecaptcha.getResponse();
if(rcres.length){
	/* Eğer başarılı ise */
}else{
	/* Eğer başarısız ise */
}

İf başarılı olan bölüme kendi ajax kodlarınızı ve başarısız alana hata mesajını ekleyebilirsiniz.