Home Web Laravel Laravel UI Authentication

Laravel UI Authentication

0
Laravel UI Authentication

Laravel menyediakan banyak tools untuk developer membuat sistem autentikasi user secepat mungkin. Dengan tools-tools tersebut, developer hanya tinggal menyiapkan database, menginstall beberapa dependencies, dan menjalankan beberapa perintah yang disediakan oleh tools tersebut dan Voila… sistem autentikasi user yang lengkap sudah langsung tersedia dan siap dipakai di aplikasi web laravel kalian.

Beberapa diantara tools tersebut ada breeze, Jetstream, dan yang akan kita bahas di artikel ini laravel ui. Package Laravel UI menyediakan cara cepat untuk membuat perancah semua rute dan tampilan yang Anda butuhkan untuk otentikasi menggunakan beberapa perintah sederhana. Berikut adalah langkah-langkah untuk membuat autentikasi lengkap menggunakan Laravel UI di projek laravel yang baru.

  • Siapkan Projek baru
$ laravel new namaProyek
  • Hubungkan Dengan database

Setelah itu, hubungkan proyek laravel dengan database di file .env

  • Migrate tabel

Agar autentikasi bisa berfungsi, kita harus me-migrate tabel yang sudah ada secara default dengan perintah

$ php artisan migrate
  • Install Laravel UI

Setelah itu, install package Laravel UI dengan perintah dibawah dan pastikan lokasi perintah dijalankan berada di directory proyek

$ composer require laravel/ui
  • Generate authentication scaffold

Setelah package berhasil di-install, jalankan perintah dibawah untuk membuat scaffold ui dari autentikasi yang disediakan oleh Laravel UI

$ php artisan ui vue --auth
  • Install front-end dependencies

Karena kita menggunakan vue sebagai scaffold ui, kita harus men-install dependencies yang dibutuhkan terlebih dahulu dengan kode dibawah

$ npm install

Perintah diatas, kita meminta npm untuk menginstall semua dependencies yang terdapat di file package.json

  • Compile berkas CSS

Dan langkah terakhir adalah untuk men-compile berkas SASS ke CSS dengan kode dibawah

npm run dev

Selesai sudah prosedur pengimplementasian Laravel UI kepada proyek baru Laravel. Bila tertarik untuk membaca lebih dalam tentang Laravel UI, bisa kunjungi dokumentasi yang terdapat di repository Laravel/ui.