Membuat Authentication Laravel 11. Cara membuat Register dan Login menggunakan Framework Laravel versi 11. Dengan menggunakan Framework laravel kita bisa dengan mudah membuat authentication Login dan Register dengan Mudah.
Membuat Authentication Laravel 11
Untuk membuat fungsi Register dan Login di laravel tidak ribet karena kita hanya perlu menginstall package dan hanya perlu sedikit seting. Dengan menggunakan fasilitas di laravel ini kita tidak perlu ribet koding hanya untuk mengurusi Fungsi Register dan login ini.
Install Laravel
Sebelum kita mulai koding mari kita install dulu laravelnya, untuk saat ini laravel yang tersedia adalah versi 11.x, mungkin nanti versiny bisa berbeda saat sudah rilis versi terbarunya. Berikut cara Install Laravel. Sebelum kita menginstall Laravel sebaiknya kamu install composer terlebih dahulu. untuk caranya silahkan baca artikel tentang Cara Install Composer.
Untuk mengintall Laravel kamu bisa menggunakan Command Prompt atau terminal, kalau kamu menggunakan windows kamu bisa buka Start kemudian ketik cmd, kemudian arahkan ke direktori mana kamu akan mengintall laravelnya, lalu ketik perintah seperti dibawah ini. dan pastikan komputer atau laptop terhubung dengan internet.
composer create-project laravel/laravel edikomputerUntuk Edikomputer adalah nama projeknya kalian bisa guakan sesuai keinginan ya. Tunggu hingga proses Instalasi Laravel Selesai, biasanya akan membutuhkan waktu beberapa menit, tergantung dari kecepatan Internet kalian.
Seting Database
Setelah selesai melakukan instalasi Laravel, Sekarang kita akan melakukan konfigurasi database arahkan direktory ke laravel yang baru saja kita install caranya ketik cd edikomputer atau nama projek kalian. Lalu buka projeknya menggunakan visual studio code, caranya ketik perintah code . kemudian enter. Setelah masuk ke projeknya kalian buka file .env lalu seting nama databasenya.
Secara default laravel 11 menggunakan sqlite pada DB_CONNECTION. Tapi saat ini kita akan menggunakan mysql untuk databasenya maka ubah sqlite menjadi mysql, DB_CONNECTION=mysql lalu hapus tanda pagar pada dan ubah DB_DATABSE menjadi nama database yang kamu inginkan disini saya akan menggunakan nama database db_edikomputer untuk kalian silahkan sesuaikan
DB_CONNECTION=sqlite
# DB_HOST=127.0.0.1
# DB_PORT=3306
# DB_DATABASE=laravel
# DB_USERNAME=root
# DB_PASSWORD=Sehingga menjadi seperti ini
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=db_edikomputer
DB_USERNAME=root
DB_PASSWORD=Sekarang silahkan aktifkan xampp kalian lalu buat database dengan emnggunakan nama database yang sudah kalian buat untuk cara mengintall dan mengaktifkan xampp kalian bisa lihat disini.
Install Laravel/Ui Auth
Setelah database sudah di buat sekarang kita akan menginstal package Laravel UI untuk membuat autentikasi login dan register. Kembali ke terminal kalian kemudian ketik perintah di bawah ini
composer require laravel/uiLalu tunggu hingga proses selesai, setelah itu ketik lagi perintah di bawah ini
php artisan ui:authThe [Controller.php] file already exists. Do you want to replace it?Pilih Yes, Setelah selesai ketik perintah migrasi seperti di bawah ini pada terminal
php artisan migrate
Setelah selesai sekarang kita akan akses, silahkan aktifkan artisan servenya ketik perintah dibawah ini
php arisan serveINFO Server running on [http://127.0.0.1:8000]. Sekarang buka browser kalian dan ketik url http://localhost:8000
Tapi saat ini ada masalah saat kalian klik menu login atau register maka akan muncul error Vite manifest not found. Karena untuk memperbaiki masalah itu kalian harus install NodeJs, tapi jika kalian tidak ingin mengintall itu saya ada teknik yang cukup mudah. Silahkan kalian buka file yang ada di folder “resources > views > layouts > app.blade.php lalu hapus pada baris ini
@vite(['resources/sass/app.scss', 'resources/js/app.js'])Atau kalian bisa tambahkan comment pada baris kode tersebut seperti di bawah ini :
{{-- @vite(['resources/sass/app.scss', 'resources/js/app.js']) --}}Nah Sekarang waktunya kita buat style untuk login dan register menggunakan bootstrap.
Styling Tampilan
Untuk tampilan kita akan menggunakan framework bootstrap silahkan kalian buka website getBootstrap lalu kalian buka juga file app.blade.php kita akan menyisipkan kode untuk memanggil css bootstrapnya. Pada website getBootrstap kalian lihat pada bahian ” Include via CDN” lalu copy kemudian paste di antara tag <head></head> di file app.blade.php
Lalu copy juga bagian file jsnya lalu paste di atas penutup </body> lalu simpan. Sekarang coba kalian Buka kembali url http://localhost:8000/register seharusnya tampilannya menjadi seperti dibawah ini :
Kesimpulan
Demikian Cara membuat Fungsi Login dan Register di Laravel 11, sebenarnya caranya masih sama dengan versi sebelumnya, namun memang ada beberapa hal atau perubahan pada laravel 11 ini. Oke sampai disini tutorial membuat Membuat Authentication Laravel 11.
