Membuat Login Dengan PHP Dan MySQL MD5

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.
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.

index.php
pada file index.php ini kita akan membuat form login. yang mana nantinya user akan memasukkan
username dan password nya di sini.
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <title>Membuat Form Validasi dengan Javascript - WWW.MALASNGODING.COM</title>
5 <link rel="stylesheet" type="text/css" href="style.css">
6 </head>
7 <body>
8 <br/>
9 <br/>
10 <center><h2>WWW.MALASNGODING.COM</h2></center>
11 <br/>
12 <div class="login">
13 <br/>
14 <form action="login.php" method="post" onSubmit="return validasi()">
15 <div>
16 <label>Username:</label>
17 <input type="text" name="username" id="username" />
18 </div>
19 <div>
20 <label>Password:</label>
21 <input type="password" name="password" id="password" />
22 </div>
23 <div>
24 <input type="submit" value="Login" class="tombol">
25 </div>
26 </form>
27 </div>
28 </body>
29
30 <script type="text/javascript">
31 function validasi() {
32 var username = document.getElementById("username").value;
33 var password = document.getElementById("password").value;
34 if (username != "" && password!="") {
35 return true;
36 }else{
37 alert('Username dan Password harus di isi !');
38 return false;
39 }
40 }
41
42 </script>
43 </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.
1 body {
2 background: #3498db;
3 font-family: sans-serif;
4 }
6 h2 {
7 color: #fff;
8 }
10 .login {
11 padding: 1em;
12 margin: 2em auto;
13 width: 17em;
14 background: #fff;
15 border-radius: 3px;
16 }
17
18 label {
19 font-size: 10pt;
20 color: #555;
21 }
22
23 input[type="text"],
24 input[type="password"],
25 textarea {
26 padding: 8px;
27 width: 95%;
28 background: #efefef;
29 border: 0;
30 font-size: 10pt;
31 margin: 6px 0px;
32 }
33
34 .tombol {
35 background: #3498db;
36 color: #fff;
37 border: 0;
38 padding: 5px 8px;
39 margin: 20px 0px;
40 }
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.
1 <?php
2 include 'config.php';
4 $username = $_POST['username'];
5 $password = md5($_POST['password']);
7 $login = mysql_query("select * from user where username='$username' and password='$password'");
8 $cek = mysql_num_rows($login);
10 if($cek > 0){
11 session_start();
12 $_SESSION['username'] = $username;
13 $_SESSION['status'] = "login";
14 header("location:admin/index.php");
15 }else{
16 header("location:index.php");
17 }
18
19 ?>
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.
1 <?php
2 mysql_connect('localhost','root','');
3 mysql_select_db('malasngoding_login');
4 ?>
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.
1 <?php
2 include '../config.php';
4 // mengaktifkan session
5 session_start();
7 // cek apakah user telah login, jika belum login maka di alihkan ke halaman login
8 if($_SESSION['status'] !="login"){
9 header("location:../index.php");
10 }
11
12 // menampilkan pesan selamat datang
13 echo "Hai, selamat datang ". $_SESSION['username'];
14
15 ?>
16 <br/>
17 <br/>
18 <a href="logout.php">LOGOUT</a>
admin/logout.php
file logout.php ini kita isi dengan perintah untuk menghapus session login.
1 <?php
2 session_start();
3 session_destroy();
4 header("location:../index.php");
5 ?>
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.
1 -- phpMyAdmin SQL Dump
2 -- version 4.6.5.2
3 -- https://www.phpmyadmin.net/
4 --
5 -- Host: 127.0.0.1
6 -- Generation Time: May 05, 2017 at 08:32 AM
7 -- Server version: 10.1.21-MariaDB
8 -- PHP Version: 5.6.30
10 SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
11 SET time_zone = "+00:00";

12
13
14 /*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
15 /*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
16 /*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
17 /*!40101 SET NAMES utf8mb4 */;
18
19 --
20 -- Database: `malasngoding_login`
21 --
22
23 -- --------------------------------------------------------
24
25 --
26 -- Table structure for table ùser`
27 --
28
29 CREATE TABLE ùser` (
30 ìd` int(11) NOT NULL,
31 `nama` varchar(225) NOT NULL,
32 ùsername` varchar(225) NOT NULL,
33 `password` varchar(225) NOT NULL
34 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;
35
36 --
37 -- Dumping data for table ùser`
38 --
39
40 INSERT INTO ùser` (ìd`, `nama`, ùsername`, `password`) VALUES
41 (1, 'Diki Alfarabi Hadi', 'malasngoding', '069c546d1d97fd9648d8142b3e0fd3a3');
42
43 --
44 -- Indexes for dumped tables
45 --
46
47 --
48 -- Indexes for table ùser`
49 --
50 ALTER TABLE ùser`
51 ADD PRIMARY KEY (ìd`);
52
53 --
54 -- AUTO_INCREMENT for dumped tables
55 --
56
57 --
58 -- AUTO_INCREMENT for table ùser`
59 --
60 ALTER TABLE ùser`
61 MODIFY ìd` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3;
62 /*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
63 /*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
64 /*!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 “.

login php mysql md5
saat login berhasil
login php mysql md5

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
1 <?php
2 include 'config.php';
4 $username = $_POST['username'];
7 $login = mysql_query("select * from user where username='$username' and password='$password'");
8 $cek = mysql_num_rows($login);
10 if($cek > 0){
11 session_start();
12 $_SESSION['username'] = $username;
13 $_SESSION['status'] = "login";
14 header("location:admin/index.php");
15 }else{
16 header("location:index.php");
17 }
18
19 ?>
saat menangkap data inputan password, kita langsung ubah ke enkripsi md5.
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.

Membuat Login Dengan PHP Dan MySQL MD5

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Membuat Login Dengan PHP Dan MySQL MD5

Diunggah oleh

Hak Cipta:

Format Tersedia

Membuat Login Dengan PHP dan MySQL MD5

 By Diki Alfarabi Hadi

Membuat Login Dengan PHP dan MySQL MD5

berikut adalah struktur file yang akan kita buat.

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

5 <link rel="stylesheet" type="text/css" href="style.css">

14 <form action="login.php" method="post" onSubmit="return validasi()">

17 <input type="text" name="username" id="username" />

21 <input type="password" name="password" id="password" />

24 <input type="submit" value="Login" class="tombol">

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

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

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

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

12 margin: 2em auto;

31 margin: 6px 0px;

38 padding: 5px 8px;

39 margin: 20px 0px;

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

10 if($cek > 0){

12 // menampilkan pesan selamat datang

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

Buatlah database dengan nama “malasngoding_login”. sebenarnya terserah teman-teman mau

membuat database login

kemudian buat table dengan nama “user”.

1 -- phpMyAdmin SQL Dump

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

7 -- Server version: 10.1.21-MariaDB

8 -- PHP Version: 5.6.30

10 SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

11 SET time_zone = "+00:00";

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

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

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

17 /*!40101 SET NAMES utf8mb4 */;

26 -- Table structure for table `user`

29 CREATE TABLE `user` (

30 `id` int(11) NOT NULL,

31 `nama` varchar(225) NOT NULL,

32 `username` varchar(225) NOT NULL,

33 `password` varchar(225) NOT NULL

34 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

37 -- Dumping data for table `user`

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

44 -- Indexes for dumped tables

48 -- Indexes for table `user`

50 ALTER TABLE `user`

51 ADD PRIMARY KEY (`id`);

54 -- AUTO_INCREMENT for dumped tables

58 -- AUTO_INCREMENT for table `user`

60 ALTER TABLE `user`

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

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

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

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

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

saat login berhasil

login php mysql md5

perhatikan pada file login.php

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

10 if($cek > 0){

Anda mungkin juga menyukai

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

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

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

17 /!40101 SET NAMES utf8mb4 /;

62 /!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT /;

63 /!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS /;

64 /!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION /;