ahmadajah03 Thu Sep 2020 1 year ago

Contoh Tutorial Authentication Menggunakan Jetstream

Dalam contoh singkat ini, mari kita lihat otentikasi laravel 8 dengan jetstream. Posting ini akan memberi Anda contoh sederhana dari laravel 8 auth dengan jetstream. Anda dapat melihat autentikasi laravel 8 jetstream dengan livewire. saya ingin berbagi dengan Anda auth laravel 8 jetstream dengan inersia.

Beberapa hari yang lalu laravel 8 dirilis dan mereka menyediakan banyak pembaruan baru. laravel 7 menggunakan laravel/ui untuk perancah auth dan sekarang laravel 8 memperkenalkan jetstream untuk login, registrasi, verifikasi email, otentikasi dua faktor, manajemen sesi, dukungan API dan manajemen tim.

Laravel 8 jetstream dirancang oleh Tailwind CSS dan mereka menyediakan autentikasi menggunakan livewire dan Inertia. saya akan menunjukkan cara menambahkan auth di laravel 8. Anda dapat dengan mudah membuat auth laravel dengan jetstream langkah demi langkah.

Anda dapat mengikuti langkah di bawah ini dan mendapatkan otentikasi laravel 8 dengan jetstream menggunakan livewire dan Inersia.

Laravel 8 Auth Scaffolding menggunakan Livewire Jetstream

Laravel Livewire adalah pustaka yang mempermudah pembuatan antarmuka modern, reaktif, dan dinamis menggunakan Laravel Blade, pengontrol Laravel, dan validasi Laravel.

Livewire menyediakan cara untuk menulis ajax Anda dengan blade laravel, validasi dan semuanya, dapat Anda gunakan sebagai framework javascript. Jadi mari kita lihat langkah membuat auth menggunakan laravel 8 livewire.

Install Laravel 8:

Di sini, kita perlu menginstal aplikasi laravel 8 menggunakan perintah komposer.

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

Install Jetstream:

Sekarang, pada langkah ini, kita perlu menggunakan perintah komposer untuk menginstal jetstream, jadi jalankan perintah di bawah dan instal pustaka di bawah.

composer require laravel/jetstream

Buat Auth dengan Livewire:

sekarang, kita perlu membuat otentikasi menggunakan perintah di bawah ini. Anda dapat membuat login dasar, mendaftar, dan verifikasi email. Jika Anda ingin membuat manajemen tim maka Anda harus melewati parameter penambahan. Anda dapat melihat perintah di bawah ini:

php artisan jetstream:install livewire
  
OR
  
php artisan jetstream:install livewire --teams

Sekarang, mari paket node js:

npm install

Ayo Jalankan Paket:

npm run dev

sekarang, kita perlu menjalankan perintah migrasi untuk membuat tabel database:

php artisan migrate

Sekarang, Anda dapat menjalankan dan memeriksa. mereka menginstal semua tampilan, tindakan, dan semua di aplikasi laravel 8 Anda.

Laravel 8 Auth Scaffolding menggunakan Inertia Jetstream

Laravel Inertia adalah bahasa templating dan Inersia bekerja dengan vue js.

Install Laravel 8:

Di sini, kita perlu menginstal aplikasi laravel 8 menggunakan perintah komposer.

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

Install Jetstream:

Sekarang, pada langkah ini, kita perlu menggunakan perintah komposer untuk menginstal jetstream, jadi jalankan perintah di bawah dan instal pustaka di bawah.

composer require laravel/jetstream

Buat Auth dengan Inertia:

sekarang, kita perlu membuat otentikasi menggunakan perintah di bawah ini. Anda dapat membuat login dasar, mendaftar, dan verifikasi email. Jika Anda ingin membuat manajemen tim maka Anda harus melewati parameter penambahan. Anda dapat melihat perintah di bawah ini:

php artisan jetstream:install inertia

  
OR

  
php artisan jetstream:install inertia --teams

Sekarang, mari paket node js:

npm install

Ayo Jalankan Paket:

npm run dev

sekarang, kita perlu menjalankan perintah migrasi untuk membuat tabel database:

php artisan migrate

Sekarang, Anda dapat menjalankan dan memeriksa. mereka menginstal semua tampilan, tindakan, dan semua di aplikasi laravel 8 Anda.

Fitur Laravel 8 Jetstream

Laravel 8 Jetstream menyediakan semua fitur baru yang dapat dikonfigurasi. Anda dapat melihat ada file konfigurasi fortify.php dan file jetstream.php di mana Anda dapat mengaktifkan dan menonaktifkan opsi untuk fitur itu:

config/fortify.php

....
'features' => [
      Features::registration(),
      Features::resetPasswords(),
      Features::emailVerification(),
      Features::updateProfileInformation(),
      Features::updatePasswords(),
      Features::twoFactorAuthentication(),
    ],
...

config/jetstream.php

....

'features' => [
      Features::profilePhotos(),
        Features::api(),
      Features::teams(),
  ],
...

Sekarang Anda dapat menjalankan aplikasi Anda dengan perintah di bawah ini:

php artisan serve

sekarang Anda dapat melihat layout di bawah ini:

Home Page:

Login Page:

Register Page:

Dashboard Page:

Profile Page:

Team Page:

Saya harap ini dapat membantu Anda ...

auth laravel 8 laravel 8 laravel jetstream