Halo teman-teman semuanya, pada kesempatan kali ini kita semua akan belajar bagaimana cara membuat Authentication di Laravel dan Livewire, Authentication disini akan meliputi beberapa fitur, diantaranya adalah :
- Register
- Login
- Dashboard
- Logout
Dan nanti kita juga akan belajar mengimplementasikan SPA
atau Single Page Application
di dalam project Authentication dengan Turbolinks. Di artikel pertama ini kita akan belajar terlebih dahulu untuk installasi project Laravel dan menjalankan migration.
Langkah 1 - Installasi Composer
Pertama sebelum kita membuat project Laravel baru, pastikan teman-teman sudah menginstall Composer
, karena untuk proses membuat project Laravel nanti akan menggunakan Composer
. Untuk installasi Composer teman-teman bisa lihat dari situs resminya https://getcomposer.org/ dan silahkan di install sesuai dengan sistem operasi masing-masing.
Untuk memastikan apakah komputer kita sudha terinstall dengan Composer, teman-teman bisa menjalankan perintah di bawah ini di dalam CMD atau terminal.
composer
Jika berhasil maka kuranng lebih tampilannya seperti berikut ini :
Langkah 2 - Installasi Project Laravel
Setelah kita berhasil menginstall Composer, selanjutnya kita sudah bisa membuat project laravel baru. Silahkan masuk ke folder dimana teman-teman akan menyimpan projectnya, jika menggunakan XAMPP umumnya berada di dalam folder htdocs. Dan kemudian silahkan jalankan perintah di bawah ini :
composer create-project --prefer-dist laravel/laravel:^7.0 livewire-auth
Perintah di atas akan membuat project Laravel baru dengan nama livewire-auth
. Silahkan tunggu proses installasinya sampai selesai dan pastikan teman-teman terhubung dengan internet, karena semua dependensi akan di unduh secara online.
Jika proses installasi sudah selesai, sekarang kita bisa menjalankan project Laravelnya. Silahkan jalankan perintah di bawah ini :
cd livewire-auth
Perintah di atas digunakan untuk masuk ke dalam directory / folder project. Setelah berhasil masuk ke dalam directory, kemudian jalankan perintah di bawah ini :
php artisan serve
Jika berhasil maka project kita akan di jalankan menggunakan port 8000
di dalam localhost, http://localhost:8000 jika berhasil kurang lebih tampilannya seperti berikut ini :
Langkah 3 - Konfigurasi Koneksi Database
Slanjutnya kita akan mengkonfigurasi koneksi database, silahkan buka file .env
kemudian cari kode beikut ini :
DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=
Kemudian silahkan ubah menjadi seperti berikut ini :
DB_DATABASE=db_livewire_auth
DB_USERNAME=root
DB_PASSWORD=
Di atas kita buat untuk nama database yang akan kita gunakan adalah db_livewire_auth
dan untuk password
silahkan disesuaikan dengan konfigurasi dari MySQL masing-masing. Jika menggunakan XAMPP secara default adalah kosong atau tidak perlu diisi.
CATATAN : Jika kita melakukan perubahan di dalam file .env
maka kita harus melakukan restart server laravel untuk memastikan perubahan yang dilakukan.
Silahkan tekan CTR
L + C
pada server Laravel dan jalankan kembali servernya dengan perintah berikut ini :
php artisan server
Langkah 4 - Membuat Database
Setelah kita berhasil mengatur koneksi database, sekarang kita lanjutkan untuk membuat databasenya, silahkan buka http://localhost/phpmyadmin kemudian buat database baru dengan nama db_livewire_auth
. Kurang lebih seperti berikut ini :
Langkah 5 - Menjalankan Migration
Secara default ketika kita menginstall Laravel, maka kita sudah di sediakan migration untuk table users
dan Model User
, jadi kita tidak perlu susah payah membuatnya dari awal. Sekarang kita akan menjalankan migration untuk men-generate migration tersebut menjadi sebuah table di dalam database.
Silahkan jalankan perntah di bawah ini :
php artisan migrate
Jika berhasil maka teman-teman akan mendapatkan beberapa table di dalam database dan kususnya adalah table users.
EBOOK MEMBANGUN TOKO ONLINE DENGAN LARAVEL DAN LIVEWIRE : https://bit.ly/ebook-laravel-livewire