Bagaimana cara memulai laravel 8 dengan otentikasi dan bootstrap dengan benar?

Saya ingin membuat halaman login menggunakan bootstrap auth UI. Saya berhasil menginstal bootstrap autentikasi UI. Sekarang saya ingin mengintegrasikannya ke dalam proyek saya

Saya mencoba mengikuti beberapa tutorial tetapi tidak berhasil untuk saya. Adakah yang bisa memberi tahu saya cara menginstal bootstrap auth UI di laravel?

Kami membutuhkan sistem otentikasi untuk menjaga privasi aplikasi kami. Membuat otentikasi di Laravel cukup mudah. Ini memiliki solusi bawaan untuk otentikasi dan berbagai fasilitas untuk menyesuaikannya sesuai dengan kebutuhan kami. Jika Anda baru di Laravel 8 maka dalam posting ini saya akan menunjukkan proses langkah demi langkah untuk membuat sistem otentikasi di Laravel 8. Mari ikuti langkah demi langkah proses pembuatan sistem autentikasi di Laravel 8

Langkah-langkah untuk autentikasi Laravel 8

1. Buat proyek Laravel 8
2. Instal paket Laravel UI
3. Hasilkan perancah autentikasi
4. Instal dependensi NPM
5. Uji sistem otentikasi
6. Batasi rute yang diperlukan
7. Ubah konfigurasi yang diperlukan

Buat proyek Laravel 8

Pertama, kita harus membuat proyek Laravel 8. Jika Anda sudah menginstal Laravel 8 lewati langkah ini dan lihat ke depan

composer create-project laravel/laravel laravel8 8.0

Di sini laravel8 adalah nama proyek kami dan 8. 0 berarti kita akan menginstal laravel 8. 0 versi

Instal paket Laravel UI

Instal paket resmi Laravel UI untuk membuat auth scaffolding di Laravel 8. Jalankan perintah komposer untuk menginstal paket Laravel UI

composer require laravel/ui

Hasilkan perancah autentikasi

Setelah instalasi paket Laravel UI. Kami sekarang dapat merancah auth kami dengan Bootstrap, Vue, React dll. Jika kita ingin membuat scaffold dengan Vue maka kita harus menjalankan perintah seperti di bawah ini

php artisan ui vue --auth

Instal dependensi NPM

Pada langkah ini, kita harus menginstal semua dependensi NPM kita. Untuk menginstal dependensi NPM, jalankan perintah yang diberikan di bawah ini

npm install

untuk mengkompilasi aset jalankan perintah

composer require laravel/ui

npm run dev

Uji sistem otentikasi

Sekarang sistem autentikasi Laravel 8 kami siap digunakan. Untuk memeriksa otentikasi berhasil diinstal atau tidak. Silakan telusuri tautan yang diberikan di bawah ini

Untuk login periksa

example.com/login

Untuk cek pendaftaran

example.com/register

Nonaktifkan Sistem Registrasi

Jika Anda ingin menonaktifkan sistem pendaftaran pengguna baru. Lalu pergi ke web. php file rute dan ubah rute autentikasi

Auth::routes(['register' => false]);

Pembatasan rute

Setelah berhasil menginstal sistem autentikasi Laravel 8. Kami dapat melindungi rute kami untuk pengguna yang tidak diautentikasi dengan menggunakan

composer require laravel/ui

Route::get('dashboard', 'App\Http\Controllers\UserController@dashboard')->middleware('auth');

atau kita dapat melindungi dengan pengontrol kita di fungsi konstruktor

middleware('auth');
	}

	public function dashboard(){
		//
	}

	...

}

Untuk memeriksa pengguna diautentikasi atau tidak dalam tampilan atau di mana pun di pengontrol, kita dapat menggunakan auth()->check()

composer require laravel/ui

Untuk mendapatkan data pengguna yang diautentikasi saat ini

composer require laravel/ui

Ubah konfigurasi yang diperlukan

Ubah kustomisasi jalur

Ketika pengguna berhasil masuk, sistem autentikasi default akan mengarahkan pengguna ke jalur /home. Jika kita ingin mengubah jalan kita harus mengubah

composer require laravel/ui

composer require laravel/ui

composer require laravel/ui

Kustomisasi nama pengguna

Sistem autentikasi Laravel secara default memeriksa email pengguna. Jika kita ingin memeriksa nama pengguna daripada memeriksa email, maka kita harus menambahkan metode ini ke pengontrol login

composer require laravel/ui

Semoga tutorial langkah demi langkah untuk otentikasi Laravel 8 ini akan membantu Anda membuat sistem otentikasi Laravel 8 Anda sendiri. Jika posting tutorial ini membantu Anda, silakan bagikan tutorial ini dengan orang lain

Dalam tutorial ini Anda akan belajar tentang Contoh Laravel 8 Bootstrap Auth Scaffolding dan penerapannya dengan contoh praktis

Pada Tutorial Contoh Bootstrap Auth Scaffolding Laravel 8 ini saya akan menunjukkan cara membuat halaman login, register, logout, lupa password, profile dan reset password menggunakan laravel Bootstrap Auth Scaffolding tanpa menggunakan laravel 8 make. perintah autentikasi. Bootstrap Auth Scaffolding memungkinkan kita menghasilkan perancah autentikasi laravel default. Bootstrap Auth Scaffolding mencakup login yang berfungsi penuh, daftar, logout, setel ulang kata sandi, lupa kata sandi, verifikasi email, otentikasi dua faktor, manajemen sesi

Daftar Isi−

Dalam tutorial laravel 8 Bootstrap Auth Scaffolding ini saya akan menunjukkan cara menggunakan Bootstrap Auth Scaffolding untuk membuat auth scaffolding di laravel 8. Bootstrap Auth Scaffolding akan mencakup login, daftar, reset kata sandi, lupa kata sandi, verifikasi email, dan tampilan blade autentikasi dua faktor dan file pengontrol

Dalam tutorial contoh autentikasi bootstrap laravel 8 ini, saya akan menunjukkan cara menggunakan laravel Ui dan autentikasi bootstrap untuk mengimplementasikan login default, mendaftar, mengatur ulang kata sandi, lupa kata sandi, verifikasi email, dan tampilan blade autentikasi dua faktor dan file pengontrol

Laravel 8 Bootstrap Auth Scaffolding Contoh

Dalam tutorial contoh langkah demi langkah laravel 8 bootstrap auth ini kita akan belajar bagaimana mengimplementasikan atau menghasilkan Auth Scaffolding menggunakan laravel ui dan bootstrap auth. Silakan ikuti instruksi yang diberikan di bawah ini

• Langkah 1 – Instal Aplikasi Laravel 8
• Langkah 2 – Konfigurasi Database
• Langkah 3 – Instal Laravel UI
• Langkah 4 – Instal Bootstrap Auth Scaffolding
• Langkah 5 – Instal Paket Npm
• Langkah 6 – Jalankan PHP artisan Migrate
• Langkah 7 – Jalankan Server Pengembangan

Langkah 1 – Instal Aplikasi Laravel 8

Pertama-tama kita perlu membuat proyek laravel baru, unduh dan instal Laravel 8 menggunakan perintah di bawah ini

1

komposer buat-proyek --prefer-dist laravel/laravel Laravel8Auth

Langkah 2 – Konfigurasi Database

Sekarang, mari buat database MySQL dan hubungkan dengan aplikasi laravel. Setelah membuat database, kita perlu mengatur kredensial database di aplikasi. env

1

2

3

4

5

6

KONEKSI_DB=mysql

DB_HOST=127. 0. 0. 1

DB_PORT=3306

DB_DATABASE=db nama

DB_USERNAME=db pengguna nama

DB_PASSWORD=db sandi

Langkah 3 – Instal Laravel UI

Sekarang, alihkan direktori proyek laravel dan jalankan perintah komposer berikut untuk menginstal paket laravel/ui. Laravel UI adalah pustaka resmi yang menawarkan komponen UI selektif atau standar. Paket laravel/ui dilengkapi dengan scaffolding login dan registrasi untuk tata letak React, Vue, jQuery, dan Bootstrap. Jalankan perintah komposer berikut untuk menginstal Laravel/UI

1

komposer memerlukan laravel/ui

Langkah 4 – Instal Bootstrap Auth Scaffolding

Gunakan perintah artisan berikut untuk menginstal perancah autentikasi dengan Bootstrap

1

php artisan ui bootstrap --auth

Sekarang, Anda telah berhasil menginstal bootstrap di proyek laravel 8 Anda, Anda dapat melihat folder js direktori sumber daya Anda

Langkah 5 – Instal Paket Npm

Sekarang, Anda perlu menginstal paket bootstrap dan dependensi frontend terkait seperti jquery dari npm menggunakan perintah berikut

1

npm pasang

Kemudian ketikkan perintah berikut pada cmd untuk menjalankan npm

1

npm jalankan dev

Langkah 6 – Jalankan php artisan Migrate

Nah, pada langkah ini kita akan membuat model dan file migrasi. Silahkan jalankan perintah berikut

1

php artisan migrasi

Langkah 7 – Jalankan Server Pengembangan

Sekarang kita siap untuk menjalankan contoh kita jadi mari kita mulai server pengembangan menggunakan perintah artisan berikut –

Bagaimana cara menggunakan otentikasi di Laravel 8?

Bagaimana cara menginstal bootstrap auth di Laravel 8?

Bagaimana cara menggunakan UI Auth di Laravel 8?

Apakah Laravel 8 mendukung bootstrap?