Menambahkan Google reCAPTCHA pada form menggunakan PHP

Pada artikel sebelumnya saya telah membahas bagaimana cara mendapatkan site key dan secret key Goole REcaptcha, nah pada pembahasan kali ini saya akan share bagaimana cara menambahkan google recaptcha pada pada form kamu menggunakan PHP.

Yang pertama yang harus dilakukan yaitu membat form di mana kita akan meletakkan recaptcha, Buat file dengan nama index.php kemudian masukkan code di bawah ini.

<?php session_start(); ?>
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Menambahkan Google Recaptcha Pada Form - PHP</title>
		<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<script src='https://www.google.com/recaptcha/api.js'></script>
	</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<a class="navbar-brand" href="https://jasawebsite.ooo">J.OOO</a>
		</div>
	</nav>
	<div class="col-md-3"></div>
	<div class="col-md-6 well">
		<h3 class="text-primary">Menambahkan Google Recaptcha Pada Form - PHP</h3>
		<hr style="border-top:1px dotted #ccc;"/>
		<div class="col-md-3"></div>
		<div class="col-md-6">


<?php
				if(isset($_SESSION['error'])){
					echo "
						<div class='alert alert-danger text-center'>
							".$_SESSION['error']."
						</div>
					";
					unset($_SESSION['error']);
				}

				if(isset($_SESSION['success'])){
					echo "
						<div class='alert alert-success text-center'>
							".$_SESSION['success']."
						</div>
					";
					unset($_SESSION['success']);
				}
			?>

			<form method="POST" action="submit.php">
				<div class="g-recaptcha" data-sitekey="SITE KEY KAMU DISINI">
				
				</div>
<br/>
				<center><button class="btn btn-primary" type="submit"><span class="glyphicon glyphicon-log-in"></span> Login</button></center>
			</form>
		</div>
	</div>
</body>	
</html>

Berikutnya buat file dengan nama submit.php, script yang ada didalam file ini berfungsi mengirimkan formulir dan memeriksa apakah penggunannya menjawab recaptcha dengan benar.

<?php
	session_start();

	if(isset($_POST['submit'])){
		if (isset($_POST['g-recaptcha-response'])) {
			require('recaptcha/src/autoload.php');		
			$recaptcha = new \ReCaptcha\ReCaptcha('SECRET KEY KAMU DISINI', new \ReCaptcha\RequestMethod\SocketPost());
			$resp = $recaptcha->verify($_POST['g-recaptcha-response'], $_SERVER['REMOTE_ADDR']);
			  	if (!$resp->isSuccess()){
			  		$_SESSION['error'] = 'Please answer recaptcha correctly';			
			  	}	
			  	else{
			  		$_SESSION['success'] = 'Captcha Verified User';
			  	}
		}
		else{
			$_SESSION['error'] = 'Please verify that you are human';
		}
	}
	
	header('location:index.php');

?>

Sekian pembahasan kali ini semoga bermanfaat, kalian bisa melihat demo dan mendownload filenya langsung pada button dibawah ini.

Jika link demo dan download tidak berfungsi kamu bisa mengunjungi link berikut.

Default image
Arman Basir
A New Journey. Menyukai hal-hal baru yang menantang dan kompleks untuk di pecahkan

Leave a Reply