Tutorial Laravel UI : Membuat Autentifikasi dengan Mudah

Last Updated on June 6, 2022 by

Tahukah Anda? Pada framework Laravel, Anda bisa membuat sebuah authetification atau autentifikasi dengan mudah menggunakan packages atau paket yang tersedia dalam framework tersebut. Laravel menyediakan sebuah packages atau paket Laravel UI yang sangat membantu Anda dalam membuat autentifikasi.

Lalu bagaimana cara membuat autentifikasi dengan memanfaatkan Laravel UI packages? Jika ingin tahu tentang bagaimana cara membuat autentifikasi dengan Laravel UI simak terus artikel berikut ini sampai akhir.

Cara Membuat Autentifikasi dengan Laravel UI

Sebelumnya, di Laravel 7 dan Laravel 6 selain untuk melakukan otentikasi pengguna, kita bisa menggunakan perintah artisan composer require laravel/ui sedangkan dari Laravel 5.9 ke bawah menggunakan php artisan make:auth

Di Laravel 8, ada perubahan besar dalam melakukan autentifikasi pengguna. Hal ini berarti ada banyak hal yang diperkenalkan dan banyak konfigurasi telah dilakukan untuk membantu Anda memulai dan tidak memikirkan boilerplate aplikasi Anda.

Salah satu perubahan itu adalah pengenalan Jetstream, Laravel Jetstream adalah perancah aplikasi yang dirancang dengan indah untuk Laravel. Pergeseran besar ini terjadi dari UI autentifikasi lama Laravel.

1. Menyiapkan Proyek Laravel

Langkah pertama dari membuat autentifikasi dengan Laravel UI adalah menginstal framework Laravel baru. Buka command lalu buatlah aplikasi Laravel yang baru.

composer create-project --prefer-dist laravel/laravel larainfo

2. Buat Detail Database dengan Format .ENV

Sekarang, Anda harus menghubungkan aplikasi laravel ke database, maka buka file konfigurasi .env dan tambahkan kredensial database seperti yang disarankan di bawah ini.

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database_name
DB_USERNAME=database_user_name
DB_PASSWORD=database_password

3. Instal Laravel UI

Langkah selanjutnya dari pembuatan autentifikasi ini adalah menjalankan perintah di bawah ini di terminal Anda.

composer require laravel/ui

4. Menyiapkan Auth Scaffolding

Pada langkah selanjutnya, yang perlu Anda lakukan adalah menyiapkan Auth Scaffolding. Berikut ini adalah kodenya.

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

5. Install Jetstream

composer require laravel/jetstream

Laravel menyarankan bahwa Jetstream dan stacknya (livewire atau inertia) harus dilakukan pada aplikasi baru karena akan menginstal tampilan tata letak, pendaftaran, dan tampilan login, serta rute untuk semua titik akhir otentikasi. Rute dasbor juga akan dibuat untuk permintaan pasca-masuk. Jadi aplikasi yang memiliki beberapa di antaranya, mungkin menimbulkan beberapa konflik.

6. Install Livewire atau Inertia

Kita perlu menginstal salah satu stack, baik livewire atau tumpukan inersia, dalam tutorial ini, saya hanya akan menggunakan livewire karena mengatur semua yang saya butuhkan untuk aplikasi.

php artisan jetstream:install livewire

Seperti yang disarankan, jalankan npm install && npm run dev untuk membangun semua file javaScript dan CSS yang kita butuhkan untuk aplikasi kita. Pada build yang berhasil, Laravel akan mengirimkan notifikasi di kiri bawah.

7. Jalankan perintah npm install && npm run dev

Anda perlu menginstal node npm pertama jika Anda tidak memiliki paket node npm maka instal terlebih dahulu campuran Laravel bijaksana lainnya tidak berfungsi. Berikut adalah contohnya.

npm install && npm run dev

8. Migrasi Database Anda

Selanjutnya, jalankan perintah seperti berikut ini.

php artisan migrate

Sekarang sistem otentikasi Laravel 8 kami sudah siap. Anda dapat menjalankan serve.

php artisan serve

Itulah penjelasan tentang cara membuat autentifikasi dengan menggunakan Laravel UI dengan mudah. Jika Anda ingin tahu lebih banyak tentang Laravel, jangan lupa kunjungi Web App di https://appkey.id dan dapatkan berbagai informasi terbaru seputar pengembangan web.