Baca Juga :  Style Right Border CSS

PHP User Authentication dengan Menggunakan MySQL

0 326

Dalam tutorial ini, kita akan melihat bagaimana menerapkan mekanisme otentikasi pengguna di PHP menggunakan MySQL. Otentikasi yang digunakan memvalidasi pengguna yang masuk ke website kita. Ini melindungi situs kami dengan mencegah akses anonim dan memungkinkan pengguna asli yang menghapus proses otentikasi.

Dalam contoh otentikasi pengguna ini, ia memiliki panel masuk agar pengguna memasukkan detail login mereka. Saat mengirimkan rincian login ke halaman PHP, ia membandingkan data yang dikirimkan dengan tabel database pengguna. Jika ada kecocokan yang ditemukan di database pengguna untuk pengguna yang mencoba masuk maka dia akan dianggap sebagai pengguna terotentikasi dan diizinkan masuk ke situs web kami.

Langkah-langkah untuk membuat sistem otentikasi pengguna di PHP.

  • Buat database MySQL dengan tabel pengguna.
  • Buat panel login pengguna untuk mengirimkan rincian login ke PHP.
  • Buat query untuk membandingkan rincian login pengguna dengan database pengguna MySQL.
Baca Juga :  Cara Menggambar Jalur di Peta menggunakan API Arah Google Maps

Buat Database MySQL dengan Tabel Pengguna.

Buat database baru menggunakan query MySQL atau dengan menggunakan database client seperti SQLYog, PHPMyAdmin dan lain-lain. Dalam contoh ini, saya membuat database bernama payload dan nama tabel adalah pengguna. Bidang tabel ditunjukkan pada gambar di bawah ini.

CREATE TABLE IF NOT EXISTS `users` (
`id` int(8) NOT NULL,
`user_name` varchar(55) NOT NULL,
`password` varchar(12) NOT NULL,
`display_name` varchar(55) NOT NULL
)

INSERT INTO `users` (`id`, `user_name`, `password`, `display_name`) VALUES
(1, 'admin', 'admin', 'Admin');

Buat User Login Panel.

Kode HTML berikut digunakan untuk menampilkan panel login pengguna untuk memasukkan rincian otentikasi. Ini memiliki dua bidang masukan untuk memasukkan username dan password. Saat mengirimkan formulir ini, kedua nilai bidang ini akan diposkan ke PHP.

<form name="frmUser" method="post" action="">
	<div class="message"><?php if($message!="") { echo $message; } ?></div>
		<table border="0" cellpadding="10" cellspacing="1" width="500" align="center" class="tblLogin">
			<tr class="tableheader">
			<td align="center" colspan="2">Enter Login Details</td>
			</tr>
			<tr class="tablerow">
			<td>
			<input type="text" name="userName" placeholder="User Name" class="login-input"></td>
			</tr>
			<tr class="tablerow">
			<td>
			<input type="password" name="password" placeholder="Password" class="login-input"></td>
			</tr>
			<tr class="tableheader">
			<td align="center" colspan="2"><input type="submit" name="submit" value="Submit" class="btnSubmit"></td>
			</tr>
		</table>
</form>

Dan CSS itu,

body{
	font-family: calibri;
}
.tblLogin {
	border: #95bee6 1px solid;
    background: #d1e8ff;
    border-radius: 4px;
}
.tableheader { font-size: 24px; }
.tableheader td { padding: 20px; }
.tablerow td { text-align:center; }
.message {
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.login-input {
	border: #CCC 1px solid;
    padding: 10px 20px;
}
.btnSubmit {
	padding: 10px 20px;
    background: #2c7ac5;
    border: #d1e8ff 1px solid;
    color: #FFF;
}

Kode HTML dan style di atas dengan menampilkan bentuk otentikasi ke pengguna seperti,

Buat Query untuk Membandingkan User Input dengan Database.

Setelah menerima informasi otentikasi pengguna di PHP, ia membandingkan data form dengan menggunakan database dengan menjalankan query. Kode PHP berikut menghubungkan database MySQL dan memeriksa apakah informasi otentikasi pengguna yang dikirimkan melalui formulir sudah benar. Berdasarkan hasil proses otentikasi, ia menyimpan pesan pengakuan untuk ditunjukkan kepada pengguna di akhir otentikasi.

<?php
$message="";
if(count($_POST)>0) {
	$conn = mysqli_connect("localhost","root","","phppot_examples");
	$result = mysqli_query($conn,"SELECT * FROM users WHERE user_name='" . $_POST["userName"] . "' and password = '". $_POST["password"]."'");
	$count  = mysqli_num_rows($result);
	if($count==0) {
		$message = "Invalid Username or Password!";
	} else {
		$message = "You are successfully authenticated!";
	}
}
?>
Demo

Get real time updates directly on you device, subscribe now.

Leave A Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.