Scribd
Unggah
72 tayangan12 halaman

Materi Workshop Laravel - Authentication

Dokumen tersebut menjelaskan langkah-langkah membuat manajemen user melalui autentikasi di Laravel dengan mengintegrasikan Vue.js dan Node.js, meliputi instalasi composer, membuat form login dan register, mengintegrasikan Vue.js, instalasi Node.js dan npm, migrasi database, serta pengujian fitur login dan register.

Diunggah oleh

Muhdi Afrizal Mustofa
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
72 tayangan12 halaman

Materi Workshop Laravel - Authentication

Dokumen tersebut menjelaskan langkah-langkah membuat manajemen user melalui autentikasi di Laravel dengan mengintegrasikan Vue.js dan Node.js, meliputi instalasi composer, membuat form login dan register, mengintegrasikan Vue.js, instalasi Node.js dan npm, migrasi database, serta pengujian fitur login dan register.

Diunggah oleh

Muhdi Afrizal Mustofa
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 12

Manajemen

User(Authenti
cation)
Manajemen User(Authentication)

1. Membuat Form login dan Register


Seperti pada pemrograman akuntansi 1 kita sudah pernah mempelajari bagaimana membuat sebuah halaman
login dan register, kali ini kita akan mencoba membangun dari awal dengan menggunakan tools seperti ui dan
auth. Pada dasarnya laravel sudah menyediakan beberapa tools yang bisa dikombinasikan dalam membuat
sebuah manajemen user seperti vue dan npm, berikut langkahnya:

Install composer pada project


~composer install

2. Authentication
Membuat Ui(User Interface) adalah tahapan awal kita dalam membangun sebuah program berbasis website,
fungsi Auth pada laravel yaitu untuk memanajemen user/pengguna seperti admin,staff/kasir yang masing-
masing memiliki hak aksesnya, berikut tahapannya:

composer require laravel/ui:^2.4


Manajemen User(Authentication)
1. Membuat Form login dan Register
Hasil kompilasi perintah diatas akan melakukan pemasangan laravel/ui versi 2.4, jika
berhasil maka akan tapil seperti gambar dibawah ini:
Manajemen User(Authentication)

Langkah selanjutnya adalah membuat fitur authentication dengan perintah dibawah ini.
php artisan ui vue --auth

Perintah diatas digunakan untuk membuat beberapa file yang digunakan untuk user
authentication seperti form login, form register dan lupa password.Jika perintah tersebut berhasil
dijalankan maka akan tampil notifikasi dan membuat beberapa file seperti dibawah ini:

Silahkan berikan perintah pada terminal: php artisan serve untuk melihat hasilnya
Hasilnya adalah sebagai berikut:
Manajemen User(Authentication)

Tampilan login dan register masih sederhana


Manajemen User(Authentication)

2. Membuat Laman Login, register


Selanjutnya kita install modul npm untuk menambah tampilan dari bootstarp dan Js,
namun sbelum install kita harus memastikan terlebih dahulu apa sudah terinstall atau
belum tools-tools yang diperlukan,berikut perintahnya:

Perintah Fungsi
node -v Untuk mengecek Node JS
npm -v Untuk mengecek NPM
composer Untuk mengecek Composer
Manajemen User(Authentication)

Jika muncul semua tools yang diperlukan seperti gambar di atas, maka proses installasi
Node Js, Npm dan composer sudah berhasil.
Langkah berikutnya Integrasi Vue Js di Laravel 7

Apabila sudah sukses mengintegrasikan Vue Js, maka langkah berikutnya proses
Install Node Js, berikut perintanya:

npm install
setelah selesai lalu ketik perintah dibawah ini untuk compiling dan testing pada
projek, berikut perintahnya:
npm run dev
Manajemen User(Authentication)
Maka akan muncul proses seperti gambar dibawah ini:
Manajemen User(Authentication)

Setelah proes instal selesai, lalu ketikan perintah dibawah ini:


Php artisan migrate
Apabila perintah diatas berhasil maka akan tampil seperti gambar dibawah ini:

Selanjutnya lihat hasilnya pada browser di http://127.0.0.1:8000/


Manajemen User(Authentication)

Laman register pada home

Selanjutnya silakan coba lakukan register user dan cobalah untuk login kembali dengan user
yang sudah di registrasikan sebagai berikut:

Maka akan tampil sebagai berikut:


Manajemen User(Authentication)

Laman dashboard setelah login. Mudah bukan? Salah satu kelebihan Laravel dapat dependency
dengan modul lainnya seperti vue.js dan node.js juga untuk akses login kita sudah disediakan
fungsi Auth(Authentication) sehingga memudahkan kita dalam mengelola user.
Resource yang terbentuk diantaranya adalah:
Manajemen User(Authentication)

File controller login dan register serta views File login, register dan layout

Anda mungkin juga menyukai