Cara Membuat Halaman Login Dan Register Pada Laravel 9

Cara Membuat Halaman Login Dan Register Pada Laravel 9

Cara Membuat Halaman Login Dan Register Pada Laravel 9 » Membuat halaman login dan register (pendaftaran) pada laravel 9, membuat halaman login maupun register di laravel terbilang cukup mudah karena framework laravel sendiri sudah menyediakannya.

terutama table user jadi kalian tidak perlu repot membuatnya terlebih dahulu, cukup memigrasikan table yang ada di laravel ke database mysql, dan pada tutorial pemrograman kali ini juga akan memakai npm yaitu sebuah package dari node js untuk membuat tampilan login di laravelnya.

bagi kalian yang belum menginstall npm node js silahkan install terlebih dahulu, untuk tutorial install nya di sini dan juga di sini memakai laravel versi 9, untuk mengecek versi yang kalian gunakan bisa ketikan perintah pada terminal.

php artisan --version

Cara Membuat Login Dan Register Pada Laravel Versi 9

source : pixabay.com

jika sudah mengetahui versi laravel yang di pakai ,dan telah berhasil menginstall npm node js, langsung saja ke tutorialnya.

Buat proyek laravel

langkah awal kalian harus membuat terlebih dahulu proyek laravelnya jika belum punya, tetapi jika sudah mempunyai proyek laravel kamu bisa skip step ini.

Koneksikan database mysql

langkah kedua kalian harus koneksikan terlebih dahulu proyek laravel kalian ke database, kunjungi http://localhost/phpmyadmin, dan buat database mysql setelah itu koneksikan melalui file .env.

Install laravel UI

*pastikan kalian sudah mengakses proyek laravel kalian sebelum melakukan perintah install laravel UI, untuk mengakses proyek kalian bisa lakukan perintah

cd C:/xampp/htdocs/mylaravel

pada kata nama mylaravel masukan nama proyek kalian, untuk install UI laravel kalian bisa ketikan perintah

composer require laravel/ui

Generate scaffolding dasar, login dan registrasi untuk bootstrap

php artisan ui bootstrap
php artisan ui bootstrap --auth

Generate scaffolding dasar, login dan registrasi untuk vue

php artisan ui vue
php artisan ui vue --auth

* Jika ada perintah untuk replace ketik saja yes

Membuat Generate scaffolding dasar, login dan registrasi untuk react

php artisan ui react
php artisan ui react --auth

Generate scaffolding dasar

php artisan ui bootstrap
php artisan ui vue
php artisan ui react

Generate login / registration scaffolding

php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth

Migrasikan table user ke mysql

selanjutnya migrasikan table user yang ada pada laravel ke database mysql dengan perintah

php artisan migrate

Install Npm dan jalankan

setelah bethasil membuat ui dan migrasi user table, selanjutnya install dan jalankan npm dalam mode developer terlebih dahulu dengan perintah

npm install && npm run dev

Jalankan webserver untuk mengakses proyek

selesai tutorialnya, sekarang kita akan akses proyek menggunakan webserver, buka new cmd lalu ketik perintah

cd C:/xampp/htdocs/mylaravel

kata nama mylaravel ganti dengan nama proyek kalian, setelah itu kita akan mengaktifkan webservernya agar proyek bisa di akses dengan perintah

php artisan serve

Penutup

setelah berhasil membuat halaman login, register dan forgot password kalian juga bisa merubah tampilannya pada bagian resource > views > auth pada proyek laravel, demikian cara membuat login dan register pada laravel 9, semoga tutorial kali ini bisa bermanfaat!.

Avatar photo
Informasi Dunia Teknologi
adbanner