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
- Buat proyek Laravel 8
- Instal paket Laravel UI
- Hasilkan perancah autentikasi
- Instal dependensi NPM
- Uji sistem otentikasi
- Batasi rute yang diperlukan
- 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.0Di 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 --authInstal dependensi NPM
Pada langkah ini, kita harus menginstal semua dependensi NPM kita. Untuk menginstal dependensi NPM, jalankan perintah yang diberikan di bawah ini
npm installuntuk mengkompilasi aset jalankan perintah composer require laravel/ui4
npm run devUji 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/registerNonaktifkan 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/ui5 middleware di rute atau pengontrol kami
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_0Untuk mendapatkan data pengguna yang diautentikasi saat ini
composer require laravel/ui_1Ubah 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/ui6 dari composer require laravel/ui7
composer require laravel/ui_2Kustomisasi 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_3Semoga 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 –