Solusi Autentikasi yang Simple dan Efisien Menggunakan Laravel Breeze

28 March 2024 | Author: Back End KM#6

Laravel Breeze adalah sebuah package yang dikembangkan oleh Taylor Otwell, pencipta Laravel, untuk menyediakan autentikasi yang sederhana dan ringan untuk aplikasi Laravel. Package ini menyediakan beberapa fitur penting antara lain: login, register, verifikasi pengguna, lupa password, dan reset password. Penggunaan Laravel Breeze juga tidak sulit. Bagi para pemula yang baru saja mulai mempelajari laravel pasti bisa menggunakannya. Ketika menggunakan Laravel Breeze nantinya akan dibuatkan model, view, controller, migrasi, maupun route. Dalam pembuatan view, laravel menggunakan Tailwind CSS sebagai stylenya. Laravel Breeze juga didukung oleh Blade, Livewire, Vue, dan React. Saat instalasi pengguna bisa memilih sesuai kebutuhan yang diinginkan.

Cara Instalasi Laravel Breeze

Dokumentasi Laravel Breeze dapat diakses langsung di website resmi Laravel karena package ini adalah package resmi dari Laravel itu sendiri. Sebelum melakukan instalasi Laravel Breeze siapkan terlebih dahulu project Laravel. Setelah itu kita siap untuk memulai instalasinya.

Jalankan perintah composer require laravel/breeze –dev di terminal.
Jalankan perintah php artisan breeze:install

Perintah ini mempublikasikan view autentikasi, route, controller, dan mirgrasinya ke aplikasi Laravel. Laravel Breeze menerbitkan semua kodenya ke aplikasi Laravel sehingga mudah untuk mengontrol fitur dan implementasinya.

Setelah selesai, jalankan secara berturut-turut perintah:

php artisan migrate
npm install
npm run dev

Perintah diatas berfungsi untuk melakukan migrasi table yang dibuatkan oleh Laravel Breeze. Selanjutnya menginstall package lain via npm lalu menjalankannya untuk kepentingan auto-reload pada tampilan autentikasi.

Setelah itu arahkan route ke /login atau /register. Maka tampilan autentikasi sudah berhasil dibuat. Terlebih dahulu lakukan register selanjutnya lakukan login untuk masuk ke halaman dashboard.

Ketika Laravel Breeze berhasil diinstall, terdapat beberapa folder dan file baru yang dibuatkan oleh Laravel Breeze. Beberapa folder dan file baru tersebut adalah folder Auth pada app > Http > controllers. Isi dari folder Auth ini adalah controller yang berfungsi untuk mengatur proses autentikasi. Selain itu juga terdapat folder auth pada resource > views. Isi dari folder ini adalah beberapa file view yang akan ditampilkan pada rute autentikasi seperti login dan register. Dengan adanya beberapa file ini, pengguna bisa melakukan kustom atau mengatur sesuai kebutuhan bagaimana proses autentikasi berjalan. Pengguna bisa menggunakan pengaturan bawaan dari Laravel Breeze atau menggunakan pengaturan yang kustom sesuai dengan kebutuhan.

Hingga tahap ini fitur autentikasi yang dapat digunakan adalah login dan register saja. Fitur verifikasi pengguna, lupa password, dan reset password masih memerlukan konfigurasi lanjutan. Ketiga fitur ini memerlukan konfigurasi layanan mail agar dapat berjalan dengan baik.

Cara Konfigurasi Layanan Mail

Salah satu layanan mail yang bisa digunakan untuk mendukung fitur verifikasi pengguna, lupa password, dan reset password adalah layanan mailtrap.

Lakukan registrasi lebih dahulu di mailtrap.io lalu setelah itu login.
Pilih menu Email testing pada sidebar.
Klik add project lalu isi project name. (misal. email-verify) dan klik add.
Setelah itu akan muncul project baru. klik add inbox, isi inbox name (misal. email) lalu klik save.
Klik inbox yang baru saja dibuat (email).
Pilih laravel 9+ pada dropdown Integrations.
Copy semua konfigurasi yang disediakan mulai dari MAIL_MAILER hingga MAIL_PASSWORD.
Buka file .env pada aplikasi laravel. Cari konfigurasi yang sama dengan yang ada di mailtrap lalu timpa isi dari konfigurasi tersebut.

Fitur Verifikasi User

Setelah melakukan konfigurasi mail dengan mailtrap maka fitur verifikasi user bisa berjalan dengan baik. Berikut langkah-langkahnya:

Buka User Model. Lalu tambahkan “Implements MustVerifyEmail” pada class User (class User extends Authenticatable implements MustVerifyEmail). Tambahkan juga “use Illuminate\Contracts\Auth\MustVerifyEmail;”.
Setelah itu coba lakukan registrasi lagi. Jika berhasil pengguna akan diminta untuk melakukan verifikasi melalui email yang telah dikirim.