Cara Mudah Membuat reCAPTCHA

Hallo balik lagi di artikel Dumet School kali ini saya akan membahas tentang Bagaimana Cara Mudah Membuat reCAPTCHA, teman-teman tau kan apa itu Captcha?, baik, untuk yang belum mengetahuinya, teman-teman pernah melihat gambar seperti dibawah sini :

Pernah lihat yah banyak website-website yang sudah menggunakan sistem ini tujuannya untuk apa? Agar dapat memilah apakah yang input data adalah manusia atau seorang robot yang akan membuat sampah di databases, fungsi ini sangat berguna sekali yah teman-teman untuk mengurangi dari beban server, baik langsung saja kita mulai praktekan, ada beberapa yang harus dipersiapkan, oke teman-teman bisa ikuti langkah berikut :

Teman-teman bisa kunjungi lini ini https://www.google.com/recaptcha/admin
maka akan tampil seperti ini, kemudian isikan:
Kemudian jika sudah klik register teman-teman akan di kirimkan site key dan secret key seperti dibawah sini :
Dan jangan lupa pada script masukkan script ini :
<script src=’https://www.google.com/recaptcha/api.js’></script>

Coba teman-teman buat 2 file, yang pertama buat bernama googlerecaptcha.php dan proses.php

Coba masukkan scripnya dibawah sini :

googlerecaptcha.php

<div class="container" style="margin-top: 50px;">
    <div class="col-xs-6 col-xs-offset-3">
        <div class="panel panel-default">
        <div class="panel-body">
            <?php if (isset($success)) {
                if ($success==true) { ?>
                <div class="alert alert-success">
                	<?php 
                		echo "Terima Kasih, Data Anda Berhasil terkirim";
                	?>
                </div>
           
            <?php } else { ?>
	            <div class="alert alert-danger">
	            	<?php echo "Gagal!, Mohon lengkapi form dan Captcha yang tersedia"; ?>
	            </div>
            <?php } } ?>
 
 
            <form action="?" method="post" name="form-komentar" >
            	<div class="form-group">
            		<input type="text" name="nama" placeholder="Tambahkan Nama anda" class="form-control" required>
                </div>
                <div class="form-group">
                    <textarea name="komentar" placeholder="Tambahkan komentar anda" class="form-control" rows="5" required></textarea>
                </div>
                <div class="form-group">
                    <div class="g-recaptcha" data-sitekey="<?php echo $site_key; ?>"></div>
                </div>
                <div class="form-group">
                    <input type="submit" name="submit" value="Kirim Komentar" class="btn btn-danger">
                </div>
            </form>
        </div>
        </div>
    </div>
    </div>
 
    <!-- Memuat API Google reCaptcha -->
    <script src='https://www.google.com/recaptcha/api.js'></script>

<?php if (isset($success)) {

if ($success==true) { ?>

<?php

echo "Terima Kasih, Data Anda Berhasil terkirim";

</div>

<?php } else { ?>

<?php echo "Gagal!, Mohon lengkapi form dan Captcha yang tersedia"; ?>

</div>

<?php } } ?>

</div>

</div>

</div>

</div>

</form>

</div>

proses.php

<?php
    $site_key = '6LfPly8UAAAAAPgzXccTSGBcnHh5xT12uG3S-wAi'; // Diisi dengan site_key API Google reCapthca yang sobat miliki
    $secret_key = '6LfPly8UAAAAANgcciW-WwPamHHHE-pnduD7EitW'; // Diisi dengan secret_key API Google reCapthca yang sobat miliki
 
    if (isset($_POST['submit']))
    {
        if(isset($_POST['g-recaptcha-response']))
        {
            $api_url = 'https://www.google.com/recaptcha/api/siteverify?secret=' . $secret_key . '&response='.$_POST['g-recaptcha-response'];
            $response = @file_get_contents($api_url);
            $data = json_decode($response, true);
 
            if($data['success'])
            {
                $valnama = $_POST['nama'];
                $valcomment = $_POST['komentar'];
                // proses penyimpananan dan lain-lain disini

                $success = true;
            }
            else
            {
                $success = false;
            }
        }
        else
        {
            $success = false;
        }
    }
?>

<?php

$site_key = '6LfPly8UAAAAAPgzXccTSGBcnHh5xT12uG3S-wAi'; // Diisi dengan site_key API Google reCapthca yang sobat miliki

$secret_key = '6LfPly8UAAAAANgcciW-WwPamHHHE-pnduD7EitW'; // Diisi dengan secret_key API Google reCapthca yang sobat miliki

if (isset($_POST['submit']))

{

if(isset($_POST['g-recaptcha-response']))

{

$api_url = 'https://www.google.com/recaptcha/api/siteverify?secret=' . $secret_key . '&response='.$_POST['g-recaptcha-response'];

$response = @file_get_contents($api_url);

$data = json_decode($response, true);

if($data['success'])

{

$valnama = $_POST['nama'];

$valcomment = $_POST['komentar'];

// proses penyimpananan dan lain-lain disini

$success = true;

}

else

{

$success = false;

}

else

{

$success = false;

}

Jika sudah dan jika tidak terdapat error maka hasilnya akan seperti ini :

Oke cukup mudah bukan, sekian tutorial tentang Cara Mudah Membuat reCAPTCHA, sampai bertemu diartikel selanjutnya dan sampai jumpa..

#KeepLearn

#IsmetMA

Cara Mudah Membuat reCAPTCHA

Facebook DUMET School

Konsultasi Gratis

Categories