Jika kamu mengunjungi situs sosial media seperti facebook, instagram, twitter dan lain lain, kamu pasti akan diberi sebuah tampilan awal yang dimana kamu wajib untuk melakukan login ke situs tersebut, biasanya situs tersebut meminta kamu memasukan email dan password kamu yang sudah kamu daftarkan terlebih dahulu ke situs tersebut.
Syarat untuk membuat tampilan atau form login seperti itu mewajibkan kamu untuk membuat database mysql, namun ada cara lain yang bisa kamu gunakan untuk membuat form login sederhana tanpa perlu menggunakan mysql atau database sejenisnya. Silahkan simak tutorialnya berikut ini.
Syarat:
Pastikan PC kamu sudah terpasang XAMPP
Tutorial:
1. Masuk ke direktori htdocs XAMPP kamu dan pastikan XAMPP kamu sudah aktif seperti pada gambar di bawah.
2. Buat folder baru sesuka hati kamu, misalnya “login”.
3. Buat 4 file baru, yaitu login.php, ceklogin.php, logout.php dan index.php
4. Jika sudah, silahkan kamu salin semua kode dibawah ini ke setiap file dengan benar.
login.php
<?php
session_start();
if(isset($_SESSION['email'])) {
echo '<script>window.location.replace("./index.php");</script>';
} else {
?>
<center><h1>Form Login Tanpa Mysql</h1>
<form action="./ceklogin.php" method="post">
<input type="email" name="email" placeholder="Email" alt="email" required="required"/><br/>
<input type="password" name="password" placeholder="Password" alt="password" required="required"/><br/><br/>
<input type="submit" name="submit" value="Submit" alt="submit"/>
</form><br/>
<h4>Copyright © <font color="red" alt="inwepo.co">inwepo.co</font> & <font color="red" alt="Faraaz">Faraaz</font></h4>
</center>
<?php } ?>
ceklogin.php
<?php
session_start();
if(isset($_SESSION['email'])) {
echo '<script>window.location.replace("./index.php");</script>';
} else {
$email = "[email protected]";
$password = "123456";
if(isset($_POST['email']) && isset($_POST['password'])) {
if($_POST['email'] == $email && $_POST['password'] == $password) {
session_start();
$_SESSION['email'] = $_POST['email'];
$_SESSION['password'] = $_POST['password'];
echo '<meta http-equiv="refresh" content="2; url=./index.php"/>';
echo "<center><h1>Berhasil, dalam 2 detik kamu akan dialihkan ke halaman utama</h1></center>";
} elseif($_POST['email'] != $email && $_POST['password'] == $password) {
echo "<center><h1>Gagal!, Email Salah</h1></center>";
} elseif($_POST['email'] == $email && $_POST['password'] != $password) {
echo "<center><h1>Gagal!, Password Salah</h1></center>";
} elseif($_POST['email'] != $email && $_POST['password'] != $password) {
echo "<center><h1>Gagal!, Email & Password Salah</h1></center>";
}
} else {
echo "<center><h1>Gagal!, jangan biarkan email & password kosong</h1></center>";
}
}
?>
logout.php
<?php
session_start();
if(isset($_SESSION['email'])) {
session_destroy();
?>
<meta http-equiv="refresh" content="2; url=./login.php"/>
<center><h2>Berhasil Logout</h2>kamu akan dialihkan kembali ke halaman login dalam 2 detik</center>
<?php
} else {
?>
<meta http-equiv="refresh" content="2; url=./login.php"/>
<center><h2>Gagal Logout</h2>Silahkan login terlebih dahulu<br/><br/>kamu akan dialihkan kembali ke halaman login dalam 2 detik</center>
<?php
}
?>
index.php
<?php
session_start();
if(isset($_SESSION['email'])) {
// ----------------------------------CONTENT HERE---------------------------------- //
echo '<center><h1>Selamat Datang ;)</h1><br/><a href="./logout.php">Logout</a>';
// ----------------------------------CONTENT HERE---------------------------------- //
} else {
echo '<script>window.location.replace("./login.php");</script>';
}
?>
5. Jika sudah, silahkan kamu coba akses direktori XAMPP kamu, yaitu http://localhost/login/ sesuai dengan step nomor 2.
6. Gunakan email dan password yang tersimpan pada script ceklogin.php, kamu bisa merubahnya sesuka hati kamu.
7. Selesai
Catatan:
Script diatas tidak perlu menggunakan database mysql atau sejenisnya.
Script diatas menggunakan PHP 5 Statements, jadi jika kamu sudah login pada halaman login.php, kamu tidak bisa lagi akses login.php sampai kamu melakukan logout.
