Tutorial form login sederhana dengan PHP tanpa MySQL
Pada kali ini saya akan mencoba berbagi kode untuk membuat form login sederhana tanpa MySql. Pertama-tama kita memerlukan 2 (dua) halaman yaitu halaman login.php dan halaman index.php. Halaman login.php berfungsi sebagai pengecekan username dan password sebelum dialihkan kehalaman yang kita proteksi.
PHP akan membuat session untuk pengguna yang sudah login dengan memasukan password dan username.
Ikuti langkah-langkah berikut ini untuk membuat form login sederhana dengan menggunakan PHP tanpa MySQL.
Langkah 1: Membuat Halaman login.php
Pada halaman ini kita akan membuat session dan melakukan set terhadap variabel username dan password. Selain itu script ini akan menentukan password dan username yang kita inginkan.
<?php session();
// cek login form
if(isset($_POST['submit'])){
// mendefinisikan username dan password array
$login = array('username' => 'password','user' => 'password');
// cek dan memasukan username dan password kedalam variabel
$user = isset($_POST['username']) ? $_POST['username'] : '';
$pass = isset($_POST['password']) ? $_POST['password'] : '';
// cek username dan password yang berada di array
if (isset($login[$user]) && $login[$user] == $passw) {
$_SESSION['userdata']['username']=$login[$user];
header("location: index.php"];
exit;
} else {
$msg="<span syle='color:red'>Invalid Login Details</span>";
}
}
?>Penjelasan script dalam login.php ini bertugas mengautentifikasi username dan password apakah sesuai. Untuk itu kita membuat variabel $login dengan mengisikannya dengan array seperti yang terlihat pada code diatas. Kemudian kita membuat variabel $user dan $pass yang kita peroleh dari halaman index.php dengan metode $_POST yang sudah diset dengan menggunakan ISSET sehingga akan bernilai TRUE.
Kemudian kita akan setelah variabel diset, kita akan mengecek dengan menggunakan fungsi IF apakah password sesuai dengan nilai variabel yang sudah kita set tersebut. Jika username dan password sudah sesuai maka halaman akan dialihkan ke index.php. Jika salah akan muncul pesan bahwa username dan password tidak sesuai.
Langkah 2: Membuat Halaman Index.php
Sesudah itu kita akan membuat form untuk memasukkan username dan password. Form tersebut terdiri dari tombol submit, textbox username dan password. Copy kode dibawah ini dan simpan dengan nama Index.php.
<?php session_start();
// cek login form
if(isset($_POST['submit'])){
// mendefinisikan username dan password array
$login = array('airawan' => 'airawancakep','user' => 'password');
// cek dan memasukan username dan password kedalam variabel
$user = isset($_POST['username']) ? $_POST['username'] : '';
$pass = isset($_POST['password']) ? $_POST['password'] : '';
// cek username dan password yang berada di array
if (isset($login[$user]) && $login[$user] == $pass) {
$_SESSION['userdata']['username']=$login[$user];
header("location: beranda.php"); //bila benar maka dialihkan ke link beranda.php
exit;
} else {
$msg="<strong>Invalid</strong> Username!";
}
}
?>
<html>
<head>
<title>Login - 5 Minutes Test</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="bootstrap3/css/font-awesome.css" rel="stylesheet" />
<link href="assets/css/get-shit-done.css" rel="stylesheet" /> <!-- css buat tampilan dsb -->
<link href="assets/css/demo.css" rel="stylesheet" />
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
<link href="css/styles.css" rel="stylesheet" media="screen">
</head>
<body id='login' onload="document.forms[0]['username'].focus()"> <!-- set focus text box -->
<div class="container">
<div class="row text-center">
<img class="center-block" alt="responsive image" style="" src="img/logo-login.gif" align="center">
</div>
<form class="form-signin" action="" method="post">
<h3>Log In</h3>
<!-- Optional <h2 class="form-signin-heading" align="center" ><legend>Sign In</legend></h2> -->
<!-- Bilaman password salah maka fungsi php dibawah ini memberikan informasi -->
<?php if (isset($msg)) { ?>
<div class="alert alert-danger">
<a href="#" class="close" data-dismiss="alert" aria-label="close">×</a>
<?php echo $msg ?><br>
</div>
<?php } ?>
<input type='text' class='form-control' name='username' placeholder='Enter Username'>
<input type='password' class='form-control' name='password' placeholder='Enter Password'>
<button class="btn btn-round btn-default" name="submit" value="login" type="submit">Login</button>
</form>
</div>
</body>
</html>Penjelasan script dalam halaman index.php ini bertugas untuk memasukkan password dan username. Di halaman ini kita membuat form yang berisikan textbox username, password, dan tombol submit. Halaman ini juga bertugas mendefinisikan username dan password kedalam array dan membuat SESSION.
Oke, demikian tutorial kali ini, semoga bermanfaat :)
EmoticonEmoticon