Tutorial Laravel Sanctum dan Vue Js Authentication #1 - Installasi dan Persiapan Laravel


Tutorial Laravel Sanctum dan Vue Js Authentication #1 - Installasi dan Persiapan Laravel

Halo teman-teman semuanya, pada kesempatan kali ini kita semua akan belajar bagaimana cara membuat Authentication dengan Laravel Sanctum dan Vue Js. Di artikel pertama ini kita akan belajar dan mempersiapkan apa saja yang harus dibutuhkan saat membuat project Laravel baru.

Sebelum memulai membuat project baru dengan Laravel, pastikan teman-teman sudah menginstall Composer terlebih dahulu, karena kita akan membuat project Laravel menggunakan Composer.

Untuk Installasi Composer teman-teman bisa mengunjungi di situs resminya di : https://getcomposer.org/

Untuk mengetahui apakah composer sudah berhasil terinstall, kita bisa menjalankan perintah di bawah ini di dalam terminal atau CMD :

composer

Jika keluar Composer, maka kita sudah berhasil menginstall Composer di komputer. Dan sekarang kita bisa lanjutkan untuk membuat project baru dengan Laravel.

Langkah 1 - Membuat Project Laravel

Silahkan masuk ke folder di mana teman-teman ingin menyimpan project-nya dan jalankan perintah di bawah ini :

composer create-project --prefer-dist laravel/laravel laravel-sanctum

Dari perintah di atas kita akan membuat project Laravel baru dengan nama laravel-sanctum dan project ini akan kita jadikan sebagai Back-End dan untuk Front-End kita nanti akan menggunakan Vue Js.

Setelah installasi selesai, kita bisa masuk ke folder project tersebut dan menjalankan server-nya.

cd laravel-sanctum
php artisan serve

Jika berhasil, maka project Laravel-nya akan dijalankan menggunakan port 8000 di dalam localhost, kita bisa membukanya di browser dengan http://localhost:8000 dan kurang lebih seperti berikut ini hasilnya :


Langkah 2 - Konfigurasi Database

Setelah kita berhasil menjalankan project Laravel-nya, sekarang kita lanjutkan untuk konfigurasi database, silahkan buka file .env dan cari kode berikut ini :

DB_DATABASE=laravel
DB_USERNAME=root
DB_PASSWORD=

Kemudian ubahlah menjadi seperti berikut ini :

DB_DATABASE=db_laravel_sanctum
DB_USERNAME=root
DB_PASSWORD=

Di atas kita buat nama database yang akan kita gunakan adalah db_laravel_sanctum.

Langkah 3 - Membuat Database

Setalh melakukan konfigurasi database di dalam project Laravel, sekarang kita akan lanjutkan untuk membuat database tersebut. Silahkan buka http://localhost/phpmyadmin kemudian silahkan buat database baru dengan nama db_laravel_sanctum. Kurang lebih seperti berikut ini :


EBOOK MEMBANGUN WEBSITE SEKOLAH DENGAN LARAVEL, VUE JS DAN BOOTSTRAP 5 : https://bit.ly/ebook-laravel-vue-js


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