Koding Login dan Logout pada PHP

Header Menu


Koding Login dan Logout pada PHP

Sabtu, 06 April 2024


Koding Login dan Logout pada PHP

#NgodingGeh
Berikut ini saya akan memberikan tutorial membuat login dan logout pada bahasa pemrograman PHP.
Tahapan awal yang dilakukan adalah membuat database dan tabel terlebih dahulu. Saya menggunakan mysql untuk pembuatan database dengan XAMPP.

Langsung saja kita membuat database, disini saya memberikan contoh dengan nama database mxprojects, dan membuat tabel dengan nama tbl_user :



Buatlah 4 field dengan nama :

  • id_user (int), jangan lupa jadikan primary key dan buat menjadi Auto Increment (AI).
  • username (varchar (50))
  • password (varchar (50))
  • level (char (1)), ini berguna untuk membedakan SESSION
Setelah berhasil, coba lakukan insert data ke dalam tabel tersebut :

 Lalu, Klik Kirim maka data akan tersimpan dan menampilkan asil seperti berikut :

Jangan lupa berikan enkripsi untuk password, berikan fungsi MD5.

Setelah semua sudah dipersiapkan, selanjutnya kita akan membuat file PHP dengan nama koneksi.php. Yang nantinya file ini berguna untuk menyambungkan atau mengoneksikan seluruh script php ke database yang telah kita buat. Berikut adalah koding nya :

koneksi.php


<?php
/**
 * Namafile : koneksi.php 
 * ----------------------------*/

$dbhost = 'localhost'; 
$dbuser = 'root';     // ini berlaku di xampp
$dbpass = '';         // ini berlaku di xampp, isi jika anda pernah setting password
$dbname = 'mxprojects';
 
// melakukan koneksi ke database
$conn = mysqli_connect($dbhost,$dbuser,$dbpass,$dbname);
 
// cek koneksi yang kita lakukan berhasil atau tidak
if ($conn->connect_error) {
   // jika terjadi error, matikan proses dengan die() atau exit();
   die('Maaf koneksi gagal: '. $conn->connect_error);
}else{}
?>

Selanjutnya kita membuat file index.php yang akan berisikan form login. Berikut adalah koding nya :

index.php


<form action="act/akses_login.php" method="post" id="login">
 <div class="panel panel-body login-form bg-info-800">
  <div class="text-center">
   <div class="icon-object border-info-300 text-info-300 bg-white" >MX</div>
   <h5 class="content-group">NGODING GEH<small class="display-block">Al - Ismailiyun</small></h5>
  </div>
  <div class="form-group">
   <input type="text" class="form-control" placeholder="Username" name="username" id="username">
  </div>
  <div class="form-group has-feedback has-feedback-left">
   <input type="password" class="form-control" placeholder="Password" name="password" id="password">
  </div>
  <button type="submit" class="btn bg-slate-300 btn-block" id="sign_in">Sign in <i class="icon-circle-right2 position-right"></i></button>
 </div>
</form>

Setalah membuat file index.php, selanjutnya maka kita tinggal hanya membuat proses logn nya saja. Buatlah nama file dengan nama akses_login.php. Berikut adalah kode nya :

akses_login.php


<?php
session_start();
include"koneksi.php";

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

$login="SELECT * FROM tbl_user WHERE username='$username' AND password='$password'";
$result = $conn->query($login) or die($conn->error.__LINE__);
$rows= $result->fetch_assoc();
extract($rows);
 if($result->num_rows > 0){
  if($rows['level'] == "A"){
   $_SESSION['admin'] = $rows['username'];
   header("location:index.php?login=sukses");
  }else{
   header("location:index.php?login=gagal");
  }
 }else{
  header("location:../location:index.php?login=error");
 }
?>

Dan terakhir, berikut adalah koding logout.

logout.php


<?php
session_start();
session_destroy();
header("location:index.php?logout=berhasil");
?>

Download komponen yang akan anda butuhkan :

  • id_user (int), jangan lupa jadikan primary key dan buat menjadi Auto Increment (AI).
  • username (varchar (50))
  • password (varchar (50))
  • level (char (1)), ini berguna untuk membedakan SESSION