WebTech Interaktif XI RPL

Laravel · Bab 4

Lab 1: Setup Proyek, Basis Data & Artisan

Menyiapkan proyek Laravel 11 dengan Composer, membuat database MySQL, mengarahkan file .env ke MySQL, dan menjalankan server lokal dengan Artisan.

Di lab ini kamu menyiapkan fondasi Smart Retail App: proyek Laravel 11 yang terhubung ke database MySQL db_retail_store dan bisa dibuka di peramban. Semua lab berikutnya dibangun di atas proyek ini.

Checklist Pra-Syarat

Alur Langkah

  1. Buka terminal (Git Bash / Command Prompt), masuk ke direktori web server (C:\laragon\www), lalu buat proyek Laravel 11 dengan composer create-project laravel/laravel:^11.0 <nama-proyek>. Di materi ini, nama proyeknya retail-store-app.
  2. Masuk ke direktori proyek dengan cd <nama-proyek>, lalu buka di VS Code dengan code ..
  3. Buka HeidiSQL / phpMyAdmin, lalu buat basis data baru bernama db_retail_store.
  4. Buka file .env dan ubah koneksi database dari SQLite ke MySQL (lihat bagian berikutnya).
  5. Jalankan server pengembangan dengan php artisan serve, lalu buka http://127.0.0.1:8000 di peramban.

Membuat Proyek dengan Composer

Composer mengunduh Laravel beserta seluruh pustaka pendukungnya ke folder vendor/. Bentuk umum perintahnya:

composer create-project laravel/laravel:^11.0 <nama-proyek>
cd <nama-proyek>
code .

Angka ^11.0 mengunci versi mayor Laravel 11 agar semua kode di materi ini berjalan sama persis di komputermu.

Konfigurasi .env untuk MySQL

File .env menyimpan konfigurasi yang berbeda di setiap komputer, termasuk koneksi database. Pada Laravel 11, koneksi bawaan diatur ke SQLite. Kamu wajib mengubah baris berikut menjadi MySQL:

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=db_retail_store
DB_USERNAME=root
DB_PASSWORD=

Pastikan tidak ada baris DB_URL di atasnya. Jika ada, beri tanda komentar # di depan DB_URL, karena nilai DB_URL akan menimpa pengaturan di atas.

Artisan CLI

Artisan adalah antarmuka baris perintah bawaan Laravel. Semua perintahnya diawali php artisan. Perintah pertama yang kamu pakai:

php artisan serve

Perintah ini menyalakan server pengembangan lokal di http://127.0.0.1:8000. Biarkan terminalnya tetap terbuka selama kamu bekerja; tekan Ctrl+C untuk menghentikannya. Di lab berikutnya kamu akan memakai Artisan untuk membuat model, migrasi, dan controller.

Hasil yang Diharapkan

Saat membuka http://127.0.0.1:8000, layar sambutan Laravel tampil di peramban. Proyekmu siap dipakai untuk Lab 2.