Login dan register adalah fitur yang banyak dibutuhkan dalam pengembangan aplikasi web. Show Biasanya saat membuat halaman admin. Kita pasti akan membuat login dan register. Lalu bagaimana cara membuatnya? Tulisan ini akan menjawabnya… Sebelum itu, saya ingin menyampaikan apa saja yang akan dibahas di sini.
Baiklah, mari kita mulai… Persiapan Alat dan BahanBerikut ini alat-alat yang dibutuhkan:
Sementara untuk bahan-bahannya silahkan sediakan:
Silahkan download di sini semua bahannya: bahan-bahan.zip Alat dan bahan sudah siap. Mari kita mulai memasak coding… 😄 Membuat Project BaruBuatlah sebuah direktori baru
bernama Ikuti perintah berikut:
Buat tiga direktori di dalamnya:
Setelah itu buat file yang dibutuhkan:
Buka dengan VS Code:
Sehingga kita memiliki struktur direktori seperti ini: Setelah itu, silahkan ekstrak dan copy semua bahan yang di-download tadi ke sana. Beres… Semua bahan-bahan sudah siap. Menyiapkan DatabaseSebelum kita mulai menulis kode, siapkan dulu database-nya. Silahkan buka phpmyadmin
http://localhost/phpmyadmin/ dan buat database baru bernama Baca juga: Cara Masuk ke phpMyAdmin Tanpa Login cPanel. Setelah itu, buatlah sebuah tabel baru dengan nama Kode SQL-nya:
Selesai, selanjutnya kita mulai coding… Membuat Koneksi ke DatabaseHal pertama yang harus kita lakukan adalah membuat kode untuk koneksi ke database. Silahkan buka file
Sesuaikan user dan password-nya dengan konfigurasi di komputermu. Karena di komputer saya, password mysql-nya menggunakan Jika tidak menggunakan password, maka dikosongkan saja. Apa maksud kode config.php di atas? Pertama kita membuat variabel untuk menyimpan konfigurasi database:
Setelah itu, kita membuat sebuah objek baru bernama
Saat kita membuat objek PDO, kita gunakan blok Try/Catch untuk menangai error. Coba kita tes. Silahkan buka terminal di VS Code (Tekan Ctrl+`), lalu jalankan server PHP di sana dengan perintah: Argumen Sekarang buka: http://localhost:8000/config.php Jika tampilannya kosong, maka koneksi berhasil dan tidak ada error. Tapi kalau ada error, biasanya akan tampil seperti ini. Membuat Halaman UtamaHalaman utama adalah halaman yang akan dibuka pertama kali oleh pengunjung web. Halaman ini bertugas sebagai landing page, isinya cuma html saja. Silahkan buka file
Setelah itu, coba buka http://localhost:8000/. Keren ‘kan? O ya gambarnya kita pinjam dari Facebook 😄. Tidak apa-apa, ini kan hanya untuk belajar saja. Nanti kalau sudah buat web sungguhan, tidak boleh menggunakan gambar orang lain tanpa izin. Membuat Fitur Register di PHPBerikutnya kita akan membuat fitur registrasi. Alur kerjanya:
Mari kita buat. Silahkan buka file
Penjelasan: Pertama kita membutuhkan objek
Setelah itu, baru kita buat kode untuk menyimpan data ke database. Sebelumnya, kita cek dulu. Apakah tombol Register sudah ditekan atau belum:
Selanjutnya melakukan filter dan enkripsi password terhadap data yang diinputkan:
Kenapa harus di-filter dan dienkripsi? Jangan percaya pada apa yang diinputkan user, bisa saja mereka menginputkan Ini salah satu bentuk serangan XSS. Karena itu, kita harus memfilternya agar skrip yang diinputkan user diubah menjadi karakter yang aman. Lalu kenapa password harus dienkripsi? Tujuannya untuk keamanan. Nanti kalau database dicuri, si pencuri tidak akan tahu password dari akun-akun yang sudah terdaftar.
Tunggu dulu… Kenapa password tidak di-filter? Karena agar user dapat menggunakan simbol untuk membuat password. Kalau kita filter nanti user tidak bisa membuat password dengan simbol-simbol seperti: Setelah data di-filter, selanjutnya kita buat query dengan objek
Setelah itu, kita bind parameter atau mengisi placeholder dengan nilai yang kita dapatkan dari hasil filter.
Selanjutnya, kita eksekusi query-nya:
Eksekusi query akan menghasilkan nilai Sehingga kita bisa membuat sebuah kondisi:
Lalu yang terakhir adalah kode untuk form registernya:
Atribut Mudah bukan? Selanjutnya kita akan membuat fitur login. Membuat Fitur Login di PHPSilahkan buka file
Penjelasan: Algoritmanya hampir sama seperti register. Pertama kita mengimpor file
Setelah itu, kita cek apakah tombol login sudah ditekan atau belum:
Lalu melakukan filter:
Selanjutnya melakukan query:
Pada query, kita menggunakan logika Selanjutnya bind parameter dan ekekusi querynya.
Setelah query dieksekusi, kita ambil hasilnya dengan fungsi
Artinya, kita akan mengambil hasil query sebagai array assosiatif. Fungsi
Selanjutnya, kita lakukan verifikasi password yang diinputkan oleh user dengan password yang ada di database.
Fungsi Langkah terakhir adalah membuat session dan
mengalihkannya ke halaman
Variabel Untuk dapat menggunakan variabel
Ini yang akan kita manfaatkan untuk mengecek apakah user sudah login atau belum. Membuat Halaman TimelineSebelum membuat kode untuk halaman File Silahkan buka file
Penjelasan: Seperti penjelasan sebelumnya, saat kita ingin menggunakan variabel Setelah itu kita cek dengan:
Artinya, jika
variabel Tanda seru ( Nah barulah sekarang kita buat halaman Silahkan buka file
Halaman Bagaimana caranya? Cukup dengan mengimpor file
Apa bila user-nya belum login, maka dia akan dialihkan ke halaman login. Sesuai kondisi logika yang kita buat pada file Karena kita sudah mengimpor file Mari kita coba ambil nilai yang disimpan di sana:
Lalu membuat sebuah status dummy “lorem ipsum” sebanyak 6:
Maka hasilnya: Kereenn… 😍 Terakhir, tinggal buat Membuat Logout di PHPSilahkan buka file
Tungas dari file Pertama-tama, kita harus memanggil fungsi Setelah itu, kita hancurkan atau hapus variabel Penghancuran session selesai. Selanjutnya kita alihkan ke halaman utama.
[🎁 Download Source Code Tutorial ini] Apa Selanjutnya?Kita sudah berhasil membuat fitur login register. Selanjutnya tinggal dikembangkan saja. Silahkan coba buat fitur:
Selamat coding… Bacaan berikutnya:
|