Categories
PHP

Membuat Form Login PHP Menggunakan Captcha

form login php

Pada kesempatan kali ini kami akan mencoba bagaimana membuat form login PHP menggunakan captha. Membuat login PHP merupakan basic utama yang sangat penting dalam sebuah sistem. Dalam membuat system form login perlu mempertimbangkan tingkat keamanan sebuah sysem, Oleh karenanya sangat penting menggunakan Captcha.

Pada system ini kami membuat user dan password default, jadi tidak menggunakan database, tetapi ini bisa dijadikan acuan dalam pembuatan form login php menggunakan captcha.

Langsung saja mari kita masuk kedalam pembahasan inti.

1. Buat file dengan nama index.php file ini sebagai form login pada system sederhana ini.

<!DOCTYPE html>
<?php session_start()?>
<html lang="en">
	<head>
		<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
	</head>
<body>
	<nav class="navbar navbar-default">
		<div class="container-fluid">
			<a class="navbar-brand" href="https://jasawebsite.ooo">Jasawebsite</a>
		</div>
	</nav>
	<div class="col-md-3"></div>
	<div class="col-md-6 well">
		<h3 class="text-primary">PHP - Form Login PHP Menggunakan Captcha</h3>
		<hr style="border-top:1px dotted #ccc;"/>
		<div class="col-md-3">
			<h5>Default user</h5>
			<h5>Username: admin</h5>
			<h5>Password: admin</h5>
		</div>	
		<div class="col-md-6">
			<form action="" method="POST">
				<div class="form-group">
					<label>Username</label>
					<input type="text" name="username" class="form-control" required="required"/>
				</div>
				<div class="form-group">
					<label>Password</label>
					<input type="password" name="password" class="form-control" required="required"/>
				</div>
				<h3>Captcha</h3>
				<center><img src="captcha.php" /></center>
				<br />
				<br />
				<div class="form-group">
					<input type="text" class="form-control" name="captcha" required="required"/>
				</div>
				<?php include 'login.php'?>
				<center><button name="login" class="btn btn-primary"><span class="glyphicon glyphicon-log-in"></span> login</button></center>
			</form>
		</div>	
	</div>
</body>
</html>

2. Buat file dengan nama index.php file ini berisi fungsi login aplikasi. Kode ini akan masuk akun pengguna jika captcha yang diberikan benar.

<?php
	if(ISSET($_POST['login'])){
		$username = $_POST['username'];
		$password = $_POST['password'];
		$captcha = $_POST['captcha'];
		
		if($username == "admin" && $password == "admin"){
			if($_SESSION['captcha'] == $captcha){
				echo "<center><label class='text-success'>Login successfully</label></center>";
			}else{
				echo "<center><label class='text-danger'>Invalid captcha!</label></center>";
			}
		}else{
			echo "<center><label class='text-danger'>Invalid username or password</label></center>";
		}
	}
?>

3. Buat file dengan nama captcha.php Code yang ada pada file ini akan menghasilkan gambar captcha ketika halaman web mulai berjalan.

<?php
	session_start();
	
	$random = rand(1, 9).rand(1, 9).rand(1, 9).rand(1, 9);
	
	$_SESSION['captcha'] = $random;
	
	$captcha = imagecreatefromjpeg("images/captcha.jpg");
	$color = imagecolorallocate($captcha, 0, 0, 0);
	$font = realpath('code.otf');
	imagettftext($captcha, 20, 0, rand(30, 180), rand(20, 70), $color, $font, $random );
	imagepng($captcha);
	imagedestroy($captcha);
?>

Kalian bisa mendownload filenya pada link button dibawah ini.

Sekian share kali ini, silahkan tinggalkan komentar dan mulai berdiskusi dengan team kami.

Leave a Reply

Your email address will not be published. Required fields are marked *