LARAVEL 7 | Membuat login dan register pada laravel 7
halo kembali, kali ini saya akan share mengenai pembuatan authenctication atau register dan login menggunakan laravel versi 7. Setelah sebelumnya kita melakukan instalasi Laravel dan pengenalan dasar dari folder folder atau file penting yang ada dilaravel, sekarang kita lanjut ke tahap membuat login dan register di Laravel, mungkin disini ada perbedaan dengan Laravel versi 5 dalam membuat login maupun register, kita mulai saja dengan membuka projek yang telah kita buat sebelumnya yaitu project sistem kasir
Nyalakan xampp pada bagian Apache dan MySql untuk dapat membuka database local phpMyAdmin di browser kita
Buka browser dan akses http://localhost/phpmyadmin/ kemudian buatlah database baru, disini saya memberikan nama cashier, tentu saja kalian bebas memberi nama apapun sesuai keinginan kalian
Jika database sudah ter-create kita bisa buka file .env dari project Laravel kita
Selanjutnya kita atur projek kita agar terhubung dengan database yang baru kita buat, dengan cara akses file .env terlebih dahulu dan kita ubah DB_DATABASE=’nama database’ dalam hal ini saya menggunakan DB_DATABASE=cashier
Jika sudah kita bisa melanjutkan dengan menginstal file dependency yang dibutuhkan oleh laravel untuk membuat auth(login dan register)
Ditahap ini sedikit berbeda jika sebelumnya dilaravel 5 kita buat dengan menggunakan php artisan make:auth maka di Laravel 6 ini ada beberapa tambahan yang diperlukan, jika kalian menggunakan command php artisan make:auth maka hasilnya seperti ini :
Dikatakan bahwa command make:auth tidak terdefinisi. Maka dari itu kita lanjut menggunakan perintah Laravel baru hehe, kita bisa sesuaikan dengan dokumentasi Laravel hehe.
Selanjutnya dalam proses pembuatan auth di Laravel 7 Kita butuhkan command composer require laravel/ui dan tekan enter, kita tunggu lagi ya sampai composer selesai mendownload dependency Laravel yang dibutuhkan hehe
Jika muncul tampilan seperti dibawah ini menandakan composer berhasil menginstall depedencey Laravel yang kita butuhkan
Selanjutnya setelah dependency berhasil diinstal kita buat auth dengan command seperti berikut :
php artisan ui bootstrap –auth atau menggunakan vue juga bisa dengan command seperti php artisan ui vue –auth. Tapi disini saya akan menggunakan bootstrap saja hehe.
Jika sudah dijalankan maka akan tampil seperti berikut :
Coba kita jalankan server dengan menjalankan command php arisan serve dan buka alamat link localservernya.
Terdapat perubahan pada pojok kanan dari halaman awal Laravel, berisikan login dan register, nah ini lah yang barusan kita buat hehe, keren keren
Kalau kita klik login akan diarahkan ke halaman untuk login, tapi tapi kok tampilannya kayak tidak ada cssnya ya kenapa itu?. Nah jika tampilannya seperti ini kita belum melakukan yang Namanya installing npm dan menjalankan npm
Kembali ke kode editor kita, kita jalankan command nmp install terlebih dahulu dan Kembali lagi kita tunggu samapi dependency terinstall ya 😊, jika selesai menginstall akan ada beberapa direktori baru yang otomatis ditambahkan tapi kita skip aja dulu untuk melihat direktorinya. Jika sudah selesai menjalankan command npm install dan berhasil maka terminal kita akan terlihat seperti ini :
Selanjutnya kita jalankan command npm run dev dan kita tunggu lagi sembari denger music, jika sudah selesai maka tampilan terminal kita seperti ini :
Coba sekarang kita Kembali ke web browser dan refresh halaman login yang rusak tadi.
tada tampilannya sudah jadi bagus deh hehe.Coba kita lakukan register terlebih dahulu karena kita tidak punya data untuk masuk 😊
Nani? Apa yang terjadi error saat melakukan register, error apakah ini aaarrrghhhh. Hehehe
Tenang kita baca baik baik, ternyata kita belum punya table untuk menyimpan data user tadi.
Untuk bisa login atau register kita harus melakukan migrasi terlebih dahulu ke database yang sudah kita hubungkan ditahap awal tadi
Dilaravel kita telah disediakan base migration dengan pembuatan table user dan beberapa table lainnya yang bisa dilihat di direktori database -> migrations
Coba intip isi dari file migrasi create_user_table kuy. Didalam file migrasi create_user_table ini ada dua method, yaini method up dan method down, kita fokus dulu ke method up. Di method up sudah berisi nih kode kode yang dibuat langsung oleh Laravel
Saat kita melakukan migrasi method up ini dijalankan dan akan dibuatkan table user dengan struktur berisi id, name dengan format varchar tapi dalam file migrasi ini yang dipakai adalah string, kemudian email, timestamp verifikasi email dengan tambahan parameter nullable, password, rememberToken dan timestamp kapan user dibuat
Kita tinggal jalanin command php artisan migrate di terminal kita :
Jika sudah yuk kita cek di database yang telah kita buat di phpMyAdmin :
Wow amazing tiba tiba sudah ada nama tabelnya, jika sudah coba kita refresh halaman register dan lakukan register sekali lagi.
Dan wow kita sudah bisa register dan login 😊
Dan jeng jeng. Kita sudah membuat auth menggunakan Laravel 7 😊 selamat membaca
