Tutorial Membuat Auth Login dan Registasi Dengan Laravel 6 atau 7

Assalamualaikum, wr. wb. pada pembahasan ini kita akan belajar cara membuat autentifikasi login dan register menggunakan Laravel versi 6 ataupun 7. Bagi kalian yang sudah pernah membuat autentifikasi login dan register di versi 5 atau yang dibawahnya, maka cara tersebut sudah tidak dipakai di versi terbaru ini. Kalian sudah tidak akan bisa menggunakan perintah php artisan make:auth pada versi baru ini.

Lalu bagaimana caranya? Oke kita bahas disini. buat kalian yang belum buat projek Laravel 6/7 silahkan buat dahulu, atau lihat caranya di artikel Tutorial CRUD Laravel 6 Mulai Dari Awal Buat Projek Baru.

Langkah Pertama: Install Laravel UI

Pada terminal kalian. ketikkan perintah berikut:

composer require laravel/ui

Jika berhasil, maka outputnya seperti berikut:

Cek pada folder Controllers kalian, disitu terdapat folder Auth yang berisi controller-controller yang dibutuhkan untuk login dan register dll.

Langkah Kedua: Generate Auth Scaffold

Ketikkan perintah berikut pada terminal kalian:

php artisan ui bootstrap --auth

Jika berhasil maka tampilannya seperti berikut:

Pada folder views kalian akan terdapat folder auth dengan isi file views berupa login, register, serta verifikasi password.

Pada proses ini sebenarnya kalian sudah bisa mendapat tampilan login dan register dengan mengunjungi url localhost:8000/login, namun tampilannya masih berantakan seperti ini:

Nah agar tampilannya lebih cantik, sekarang install npm dengan menjalankan perintah berikut:

npm install

Jika sudah, jalankan npm dengan mengetikkan perintah berikut:

npm run dev

Kemudian cek kembali halaman login kalian, jika berhasil maka tampilannya akan berubah seperti ini:

Fitur login dan register sudah dapat dipakai, namun buat kalian yang belum migrasi database user, silahkan ikuti langkah-langkah berikut:

Pada laravel sendiri kita sudah disiapkan file migrasi untuk tabel user, jadi kita tinggal jalankan perintah berikut:

php artisan migrate

Selesai deh, kalian sudah dapat menikmati fitur login ini.

Sekian tutorial kali ini, jika ada yang ingin ditanyakan, tulis aja di kolom komentar. mohon maaf jika ada salah kata atau kurang jelas dalam penjelasan, Wassalamualaikum, wr. wb.

Reference: itsolutionstuff