Laravel Livewire Authentication #1 : Installasi dan Persiapan


Laravel Livewire Authentication #1 : Installasi dan Persiapan

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 CTRL + 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


Fika Ridaul Maulayya
Full-Stack Developer, Content Creator and CO-Founder SantriKoding.com

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami