Membuat menu login php mysql

Kalau website Anda membedakan pengunjung yang datang, misalnya member dan non member, membuat PHP login session sangat diperlukan.

Dengan login session PHP, Anda dapat membatasi hak akses pengunjung agar dapat mengakses konten atau menu sesuai role yang dimiliki. 

Lalu, bagaimana cara membuat login dengan PHP menggunakan session? Tidak rumit, kok. Yuk, langsung saja simak panduan lengkapnya!

Tutorial PHP Login Session

Ada beberapa hal yang perlu Anda siapkan lebih dulu sebelum membuat login session PHP, yaitu :

• Web Server. PHP tidak dapat dijalankan tanpa web server. Nah, jika Anda membuat aplikasi PHP pada komputer lokal [sebelum di hosting], Anda dapat menggunakan aplikasi web server seperti XAMPP.
• Text Editor. Dibutuhkan untuk menulis kode pemrograman, pada tutorial ini kami menggunakan Visual Studio Code.
• Web Browser. Digunakan untuk mengakses website, pada tutorial ini kami menggunakan Google Chrome.

Jika ketiga tools diatas sudah disiapkan, Anda dapat langsung mengikuti 9 langkah membuat php login session sebagai berikut :

1. Menjalankan XAMPP
2. Membuat Database
3. Membuat Struktur Project
4. Menghubungkan Database 
5. Membuat Halaman Login
6. Membuat Halaman Register
7. Membuat Halaman Berhasil Login
8. Membuat File logout.php
9. Menambahkan File style.css

Nah, berikut ini penjelasan selengkapnya :

1. Menjalankan XAMPP

XAMPP merupakan aplikasi cross-platform [Windows, Linux, MacOS] yang digunakan untuk membuat web server lokal pada komputer Anda. 

Dengan aplikasi ini, Anda dapat mengembangkan dan melakukan testing website. Namun,  Anda perlu  menginstall XAMPP  dulu pada komputer Anda. 

Nah, jika XAMPP sudah terinstall, langsung saja buka aplikasi, lalu jalankan web server Apache dan MySQL. Caranya, klik tombol Start seperti pada gambar berikut :

Baca Juga : Panduan Lengkap Cara Kirim Email dengan PHP

2. Membuat Database

Langkah pada tutorial php login session berikutnya adalah membuat database. 

Database diperlukan sebagai tempat penyimpanan data user, seperti username, email, maupun password yang digunakan untuk login.

Untuk membuat database, Anda perlu mengakses localhost/phpmyadmin pada web browser. Tampilannya akan seperti ini :

Pada bagian kiri halaman phpmyadmin, klik New untuk membuat database baru.

Masukkan nama database yang akan Anda gunakan pada kolom yang tersedia. Di contoh ini, kami menggunakan nama niagahoster_login. Setelah itu, klik tombol Create untuk membuat database.

Walaupun database baru Anda sudah berhasil dibuat, tapi isinya masih kosong. Anda perlu menambahkan tabel users untuk menyimpan data user website. Anda dapat menyalin query SQL di bawah ini pada menu SQL di phpmyadmin:

CREATE TABLE `users` [
  id int[11] NOT NULL AUTO_INCREMENT,
  username varchar[255] NOT NULL,
  email varchar[255] NOT NULL,
  password varchar[255] NOT NULL,
  PRIMARY KEY[id]
];

INSERT INTO `users` [`username`, `email`, `password`] VALUES
['Niagahoster Tutorial', '', '0139a3c5cf42394be982e766c93f5ed0'];

Untuk menjalankan query tersebut, klik tombol Go seperti yang ditunjukkan pada gambar berikut:

Sekarang, database Anda sudah memiliki tabel users yang berisi atribut data id, username, email dan password.

Baca Juga : Cara Optimasi Database MySQL dengan phpmyadmin

3. Membuat Struktur Project 

Setelah menyiapkan database, sekarang waktunya untuk menulis kode program php login session. Tapi, sebelumnya siapkan dulu struktur project webnya. 

Pertama-tama, Anda harus membuat folder khusus untuk menyimpan project web. Namun, folder tersebut harus ditempatkan di dalam folder htdocs yang merupakan folder home dari web server. Folder htdocs berada pada path C:\xampp\htdocs

Pada contoh ini, kami membuat folder dengan nama niagahoster_login. Di dalam folder ini, Anda bisa membuat folder baru bernama images sebagai tempat untuk menyimpan asset gambar yang akan digunakan pada website.

Selanjutnya, buat file baru dengan ekstensi .php dan .css seperti pada gambar di atas. Penjelasan lebih detail mengenai file-file tersebut akan disampaikan di langkah berikutnya.

Baca juga: Cara Membuat Website dengan PHP

4. Menghubungkan Database [config.php]

Untuk membuat login session PHP, Anda perlu menghubungkan database yang baru dibuat dengan website. Caranya, isilah file config.php yang telah dibuat pada langkah sebelumnya dengan kode untuk membuat koneksi ke database sebagai berikut :