Belajar Laravel : Autentikasi Laravel

Assalamualaikum Warohmatulloh Wabarokatuh, setiap membuat aplikasi, tidak bisa dihindari jika mayoritas aplikasi membutuhkan sistem autentikasi. Di Laravel, untuk membuat autentikasi laravel ini proses dan waktunya sangat singkat sekali jika menggunakan Authentication Scaffolding.

Membuat Autentikasi di Laravel

Untuk menggunakan Auth Scaffolding kita harus menginstal package laravel/ui terlebih dulu. Dan ini adalah perubahan yang terjadi sejak Laravel 6. Sebelum Laravel 6 kita cukup jalankan perintah php artisan make:auth.

composer require laravel/ui

Setelah proses instalasi laravel/ui selesai. Sekarang kita memiliki perintah baru pada artisan.

Untuk lebih jelasnya kita jalankan perintah php artisan ui --help untuk mengetahui lebih jauh perintah ui ini dan cara penggunaannya.

Nah setelah kita jalankan perintahnya, muncul penjelasan seperti gambar di atas. Jadi untuk cara penggunaannya adalah seperti ini.

php artisan ui [options] [--] [type]

Misalnya, karena kita akan membuat autentikasi maka pada bagian [options] kita gunakan --auth. Sedangkan pada <type> kita bisa memilih presets yang disediakan bootstrap, vue, react. Contoh perintah jika kita ingin membuat autentikasi dengan preset bootstrap, maka perintahnya seperti ini.

php artisan ui --auth bootstrap

Setelah menjalankan perintah tersebut, bisa kita cek pada halaman aplikasi kita. Sekarang pada pojok kanan atas terdapat tautan untuk “Login” dan “Register“. Tapi jika kita kilk pada tautan tersebut kita akan menemui halaman yang masih jelek secara tampilan, kurang lebih seperti ini.

Sebenarnya pada saat kita selesai menjalankan perintah di atas. terdapaat penejelasan bahwa kita harus menjalankan perintah npm install && npm run dev untuk compile asetnya. Untuk menjalankan perintah tersebut, kita wajib instal nodejs & npm terlebih dulu.

Berikutnya yang sering terjadi masalah adalah pada pengguna Windows yang tidak bisa menjalankan perintah tersebut. Tenang, untuk pengguna Windows bisa jalankan perintahnya satu per satu npm install dan setelah selesai lanjutkan dengan perintah npm run dev.

Setelah berhasil compile asetnya, maka halaman login dan register sekarang tampil lebih cantik, kayak cewek abis make up, haha.

Konfigurasi Email untuk Forgot Password

Setelah mendapatkan tampilan yang bagus, sebenarnya semua fungsi autentikasi seperti Register, Login,Logout sudah bisa kita gunakan semuanya. Hanya untuk fitur Forgot Password perlu sedikit tambahan konfigurasi pada file .env. Tepatnya pada bagian MAIL_.

MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=
MAIL_PASSWORD=
MAIL_ENCRYPTION=null
MAIL_FROM_ADDRESS=
MAIL_FROM_NAME="${APP_NAME}"

Pada bagian konfigurasi di atas, sesuaikan dengan konfigurasi dari layanan email yang akan kawan-kawan gunakan. Fitur Forgot Password sudah bisa digunakan.

Nah seperti itulah cara mebuat autentikasi di Laravel, semoga bisa bermanfaat.

Wassalamualaikum Warohmatulloh Wabarokatuh.