Membuat Login Sederhana PHP Tanpa Database

Pada tutorial kali ini kita akan belajar membuat halaman login sederhana PHP tanpa database. Tujuan tutorial ini supaya bisa memberi gambaran sebelum membuat login yang sebenarnya dengan database. Selain itu juga untuk mempermudah ketika kamu mempelajari sistem login PHP dengan menggunakan database pada selanjutnya.

Pada sistem login tanpa database ini kita akan menggunakan email dan password sebagai metode login. Dan didalam kode validasi login kita hanya menggunakan if untuk mencocokkan apakah email dan password yang dimasukkan sudah benar. Jika keduanya benar kita akan membuat session dan session tersebut ditampilkan pada halaman profil.

Sebagai catatan pada tutorial ini kita hanya menggunakan kode PHP dan HTML saja, tanpa adanya kode CSS atau JavaScript. Dan pastinya tampilan dari hasil latihan ini tidak menarik. Ini dilakukan supaya kita lebih fokus ke fungsi sistem login, yang tanpa adanya tambahan kode-kode lainnya supaya lebih mudah dipahami bagi yang sangat pemula.

Login Sederhana PHP Tanpa Database

Sebelum kita mulai kita buat folde bernama “LoginSederhana” didalam htdocs kita.

Selanjutnya buat file index.php dalam folder yang kita buat diatas. File index.php ini kita gunakan sebagai halaman login kita dan juga sebagai file yang berfungsi untuk cek apakah email dan password yang dimasukkan user sudah benar atau belum. Dan ketika email dan password benar kita akan membuat session di file ini. Maka dari itu kita tulis kodenya seperti contoh dibawah ini:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

<?php

// fungsi untuk memulai session

session_start();

// variabel kosong untuk menyimpan pesan error

$form_error = '';

// cek apakah tombol sumit sudah di klik atau belum

if(isset($_POST['submit'])){

    // menyimpan data yang dikirim dari metode POST ke masing-masing variabel

    $email = $_POST['email'];

    $password = $_POST['password'];

    // validasi login benar atau salah

    if($email == 'lukman@carakode.com' AND $password == 'carakode'){

        // jika login benar maka email akan disimpan ke session kemudian akan di redirect ke halaman profil

        $_SESSION['email'] = $email;

        header('Location: profil.php');

    }else{

        // jika login salah maka variabel form_error diisi value seperti dibawah

        // nilai variabel ini akan ditampilkan di halaman login jika salah

        $form_error = '<p>Password atau email yang kamu masukkan salah</p>';

    }

}

?>

<!DOCTYPE html>

<head>

    <title>Login Sederhana Tanpa Database</title>

</head>

<body>

    <h3>Silakan Login</h3>

    <form method="POST" action="index.php">

        Email : <input type="email" name="email"><br>

        Password : <input type="password" name="password"><br>

        <?php echo $form_error; ?>

        <input type="submit" name="submit" value="Login">

    </form>

</body>

</html>

Setelah kode diatas selesai ditulis dan disimpan, selanjutnya buat file profil.php. File ini digunakan untuk menampilkan session yang sebelumnya dibuat di file index.php. Dan berikut adalah kode file profil.php:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<?php

session_start();

// check apakah session email sudah ada atau belum.

// jika belum maka akan diredirect ke halaman index (login)

if( empty($_SESSION['email']) ){

    header('Location: index.php');

}

?>

<!DOCTYPE html>

<head>

    <title>Profil</title>

</head>

<body>

    <!-- Menampilkan isi session email -->

    <h3> Hallo Selamat Datang <?php echo $_SESSION['email']; ?> </h3>

    <a href="logout.php">Keluar</a>

</body>

</html>

Selanjutnya kita buat file yang terakhir yaitu file logout.php. File ini fungsinya untuk menghapus session yang dibuat pada halaman index.php. Setelah session dihapus maka akan dibawa ke halaman login kembali. Dan berikut adalah kodenya:

1

2

3

4

5

6

7

8

9

<?php

session_start();

// fungsi untuk menghapus seluruh session

session_destroy();

// redirect ke halaman index.php (halaman login)

header('Location: index.php');

?>

Untuk penjelasan dari ketiga file diatas sudah dijelaskan di komentar pada setiap file. Sekarang saatnya kita coba jalankan kode yang telah kita buat diatas dengan akses url http://localhost/LoginSederhana/index.php tentunya sebelumnya XAMPP kamu sudah dijalankan. Maka akan tampil halaman seperti dibawah ini:

Sekarang kita masukkan input email dan password sesuai yang terdapat pada kode if, yaitu dengan alamat email lukman@carakode.com dan password carakode selanjutnya klik login. Maka jika login berhasil dialihkan ke halaman profil seperti gambar dibawah.

Selanjutnya untuk keluar silakan klik link Keluar yang terdapat pada halaman profil.php, maka akan kembali ke halaman login kembali.

Apabila kamu login dengan email atau password tidak sesuai dengan yang terdapat didalam kode, maka pada form login menampilkan tulisan “Password atau email yang kamu masukkan salah”, seperti contoh gambar dibawah ini:

Demikian untuk latihan membuat login sederhana PHP tanpa database, apabila kamu memiliki pertanyaan seputar latihan ini silakan tanyakan melalui kolom komentar. Dan apabila kamu ingin download file latihan ini silakan klik link ini.

Cari Blog Ini

Sofyan Yusuf © 2019