PHP - Simple Login with md5

Submitted by razormist on Tuesday, May 7, 2019 - 22:21.

In this tutorial we will create a Simple Login with md5 using PHP. This code can protect the user login information by encrypting the password value. The code use a special php built-in function md5() a very strong encrypting tool that protect the user password by just passing the string in order to ultimately encrypt into a powerful password. We will be using PHP as a scripting language and interpreter that is used primarily on any webserver including xamp, wamp, etc. It is being use to any famous websites and it has a modern technology that can easily be use by the next generation.

Getting Started:

First you have to download & install XAMPP or any local server that run PHP scripts. Here's the link for XAMPP server https://www.apachefriends.org/index.html. And, this is the link for the bootstrap that i used for the layout design https://getbootstrap.com/.

Creating Database

Open your database web server then create a database name in it db_md5, after that click Import then locate the database file inside the folder of the application then click ok. tut1

Creating the database connection

Open your any kind of text editor(notepad++, etc..). Then just copy/paste the code below then name it conn.php.

<?php
	$conn = mysqli_connect("localhost", "root", "", "db_password");
 
	if(!$conn){
		die("Error: Failed to connect to database!");
	}
?>

Creating The Interface

This is where we will create a simple form for our application. To create the forms simply copy and write it into your text editor, then save it as shown below. index.php

<!DOCTYPE html>
<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://sourcecodester.com">Sourcecodester</a>
		</div>
	</nav>
	<div class="col-md-3"></div>
	<div class="col-md-6 well">
		<h3 class="text-primary">PHP - Simple Login with md5</h3>
		<hr style="border-top:1px dotted #ccc;"/>
		<div class="col-md-3">
			<h5>DEFAULT USER</h4>
			<h6>Username: admin</h6>
			<h6>Password: admin</h6>
		</div>
		<div class="col-md-6">
			<form method="POST"	>	
				<div class="form-group">
					<label>Username</label>
					<input type="text" name="username" maxlength="50" class="form-control" required="required"/>
				</div>
				<div class="form-group">
					<label>Password</label>
					<input type="password" name="password" maxlength="12" class="form-control" required="required"/>
				</div>
				<?php include 'login.php'?>
				<center><button class="btn btn-primary" name="login"><span class="glyphicon glyphicon-log-in"></span> Login</button></center>
			</form>	
		</div>
	</div>
</body>	
</html>

home.php

<!DOCTYPE html>
<?php
	session_start();
	require_once 'conn.php';
 
	if(!ISSET($_SESSION['user_id'])){
		header('location: index.php');
	}
?>
<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://sourcecodester.com">Sourcecodester</a>
		</div>
	</nav>
	<div class="col-md-3"></div>
	<div class="col-md-6 well">
		<h3 class="text-primary">PHP - Simple Login with md5</h3>
		<hr style="border-top:1px dotted #ccc;"/>
		<?php
			$query=mysqli_query($conn, "SELECT * FROM `user` WHERE `user_id`='$_SESSION[user_id]'") or die(mysqli_error());
			$fetch=mysqli_fetch_array($query);
		?>
 
		<div class="col-md-3"></div>
		<div class="col-md-6">
			<h1>WELCOME</h1>
			<h3 class="text-primary"><?php echo $fetch['name']?></h3>
			<a href="logout.php" class="btn btn-primary"><span class="glyphicon glyphicon-log-out"></span> Logout</a>
		</div>
	</div>
</body>	
</html>

Creating the Main Function

This code contains the minor function of the application. This code will allow the user to login with a md5 encrypted protection. To do this just kindly write these block of codes inside the text editor, then save it as shown below. login.php

<?php
	session_start();
 
	require_once 'conn.php';
 
	if(ISSET($_POST['login'])){
		$username = $_POST['username'];
		$password = md5($_POST['password']);
 
		$query = mysqli_query($conn, "SELECT * FROM `user` WHERE `username` = '$username' && `password` = '$password'") or die(mysqli_error());
		$rows = mysqli_num_rows($query);
		$fetch = mysqli_fetch_array($query);
 
		if($rows > 0){
			$_SESSION['user_id'] = $fetch['user_id'];
			header("location: home.php");
		}else{
			echo "<center><label class='text-danger'>Invalid username or password!</label></center>";
		}
	}
?>

logout.php

<?php
	session_start();
	unset($_SESSION['user_id']);
	header("location: index.php");
?>

There you have it we successfully created a Simple Login with md5 using PHP. I hope that this simple tutorial help you to what you are looking for. For more updates and tutorials just kindly visit this site. Enjoy Coding!

Add new comment

505 views