#PHP

Membuat Login Dengan PHP dan MySQL MD5

By Diki Alfarabi Hadi
5 May 2017
PHP

Membuat Login Dengan PHP dan MySQL MD5 – Sebelumnya kita telah membahas tentang pengertian dan cara penggunaan fungsi md5 di PHP. untuk melanjutkan pembahasan kita sebelumnya tentang md5, maka sekarang kita akan melanjutkanya dengan membahas cara membuat login dengan php dan enkripsi password menggunakan md5.

Membuat Login Dengan PHP dan MySQL MD5

Sebelumnya sudah kita jelaskan salah satu kegunaan enkripsi md5 pada tutorial pengertian cara penggunaan fungsi md5 di PHP. yaitu md5 di gunakan pada login php. untuk menjaga kerahasiaan dari password.

berikut adalah struktur file yang akan kita buat.

Membuat Login Dengan PHP dan MySQL MD5

index.php

pada file index.php ini kita akan membuat form login. yang mana nantinya user akan memasukkan username dan password nya di sini.

<!DOCTYPE html>

<html>

<head>

<title>Membuat Form Validasi dengan Javascript - WWW.MALASNGODING.COM</title>

</head>

<body>

<br/>

<center><h2>WWW.MALASNGODING.COM</h2></center>

<br/>

<br/>

<div>

<label>Username:</label>

</div>

<div>

<label>Password:</label>

</div>

<div>

</div>

</form>

</div>

</body>

function validasi() {

var username = document.getElementById("username").value;

var password = document.getElementById("password").value;

if (username != "" && password!="") {

return true;

}else{

alert('Username dan Password harus di isi !');

return false;

}

</script>

</html>

style.css

pada style.css ini kita buat design form login nya. di sini kita hanya membuat design form login sederhana saja. karena kita akan lebih fokus pada penjelasan Membuat Login Dengan PHP dan MySQL MD5.

body {

background: #3498db;

font-family: sans-serif;

}

h2 {

color: #fff;

}

.login {

padding: 1em;

margin: 2em auto;

width: 17em;

background: #fff;

border-radius: 3px;

}

label {

font-size: 10pt;

color: #555;

}

input[type="text"],

input[type="password"],

textarea {

padding: 8px;

width: 95%;

background: #efefef;

border: 0;

font-size: 10pt;

margin: 6px 0px;

}

.tombol {

background: #3498db;

color: #fff;

border: 0;

padding: 5px 8px;

margin: 20px 0px;

}

login.php

pada file login.php ini kita akan membuat pemeriksaan atau kebenaran username dan password yang di isi. jika username dan password yang di isi benar, maka akan kita buatkan session username dan status. seperti yang telah kita pelajari pada tutorial membuat login pada php sebelumnya di www.malasngoding.com.

Referensi source code untuk belajar

Source Code Sistem Informasi Arsip Digital Dengan PHP dan MySQLi

<?php

include 'config.php';

$username = $_POST['username'];

$password = md5($_POST['password']);

$login = mysql_query("select * from user where username='$username' and password='$password'");

$cek = mysql_num_rows($login);

if($cek > 0){

session_start();

$_SESSION['username'] = $username;

$_SESSION['status'] = "login";

header("location:admin/index.php");

}else{

header("location:index.php");

}

config.php

jangan lupa. config.php juga yang paling penting. untuk membuat koneksi mysql dengan php.

silahkan teman-teman sesuai kan dengan username dan password mysql teman-teman. “malasngoding_login” adalah nama database yang akan kita buat.

baca di sini tentang cara membuat koneksi mysql dan php. jika teman-teman belum mempelajarinya.

<?php

mysql_connect('localhost','root','');

mysql_select_db('malasngoding_login');

admin/index.php

ini adalah file index.php yang kedua yang kita buat. yaitu di dalam folder admin. file index.php ini akan kita jadikan sebagai halaman admin. setelah login berhasil, maka user akan di alihkan ke halaman ini.

<?php

include '../config.php';

// mengaktifkan session

session_start();

// cek apakah user telah login, jika belum login maka di alihkan ke halaman login

if($_SESSION['status'] !="login"){

header("location:../index.php");

}

// menampilkan pesan selamat datang

echo "Hai, selamat datang ". $_SESSION['username'];

<br/>

<a href="logout.php">LOGOUT</a>

admin/logout.php

file logout.php ini kita isi dengan perintah untuk menghapus session login.

<?php

session_start();

session_destroy();

header("location:../index.php");

Menyiapkan Database

Buatlah database dengan nama “malasngoding_login”. sebenarnya terserah teman-teman mau menggunakan nama database apa saja. tapi agar sama dengan tutorial ini. buatlah dengan nama “malasngoding_login”.

membuat database login

kemudian buat table dengan nama “user”.

membuat database login php md5

buat 4 kolum. yaitu id, nama, username dan password. jangan lupa centang Auto Increment pada id.

atau cara cepatnya silahkan teman-teman import database berikut. atau copas ke tab SQL phpmyadmin.

-- phpMyAdmin SQL Dump

-- version 4.6.5.2

-- https://www.phpmyadmin.net/

-- Host: 127.0.0.1

-- Generation Time: May 05, 2017 at 08:32 AM

-- Server version: 10.1.21-MariaDB

-- PHP Version: 5.6.30

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;

/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;

/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;

/*!40101 SET NAMES utf8mb4 */;

-- Database: `malasngoding_login`

-- --------------------------------------------------------

-- Table structure for table `user`

CREATE TABLE `user` (

`id` int(11) NOT NULL,

`nama` varchar(225) NOT NULL,

`username` varchar(225) NOT NULL,

`password` varchar(225) NOT NULL

) ENGINE=InnoDB DEFAULT CHARSET=latin1;

-- Dumping data for table `user`

INSERT INTO `user` (`id`, `nama`, `username`, `password`) VALUES

(1, 'Diki Alfarabi Hadi', 'malasngoding', '069c546d1d97fd9648d8142b3e0fd3a3');

-- Indexes for dumped tables

-- Indexes for table `user`

ALTER TABLE `user`

ADD PRIMARY KEY (`id`);

-- AUTO_INCREMENT for dumped tables

-- AUTO_INCREMENT for table `user`

ALTER TABLE `user`

MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;

/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;

/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

membuat login dengan php dan md5

jika teman-teman bingung dari mana enkripsi md5 yang ada pada column password. itu adalah enkripsi md5 dari “malasngoding”.

silahkan teman-teman baca pada tutorial cara membuat md5 dengan php yang sudah kita bahas pada tutorial sebelumnya. MD5 PHP.

” jadi yang di input ke column password adalah hasil enkripsi md5 “.

saat login berhasil

KESIMPULAN

Sebenarnya tidak jauh berbeda dengan tutorial membuat login dengan PHP yang telah kita bahas sebelumnya. perbedaannya hanya saja pada tutorial ini kita menggunakan enkripsi md5.

perhatikan pada file login.php

<?php

include 'config.php';

$username = $_POST['username'];

$password = md5($_POST['password']);

$login = mysql_query("select * from user where username='$username' and password='$password'");

$cek = mysql_num_rows($login);

if($cek > 0){

session_start();

$_SESSION['username'] = $username;

$_SESSION['status'] = "login";

header("location:admin/index.php");

}else{

header("location:index.php");

}

saat menangkap data inputan password, kita langsung ubah ke enkripsi md5.

1	$password = md5($_POST['password']);

intinya yang kita cek adalah inputan username dan password yang kita ubah jadi md5. kita cek dengan yang ada di database.

Oke sekian dulu tutorial Membuat Login Dengan PHP dan MySQL MD5. semoga bermanfaat. silahkan tinggalkan komentar jika ada yang kurang jelas dari tutorial ini.

Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.