Konfigurasi Laravel

Mata Kuliah Desain Web

Selesai
  • Mampu melakukan instalasi Laravel
  • Membuat project baru dengan Laravel
  • Mengenal struktur direktori Laravel
  • Memahami konsep MVC pada Laravel
  • Komputer / Laptop
  • XAMPP
  • Visual Studio Code
  • Composer, Git, Node.js, NPM
Instalasi dan Konfigurasi

Sebelum memulai membuat proyek Laravel, kita harus menyiapkan terlebih dahulu lingkungan development.

1) Persyaratan Sistem

Laravel memiliki persyaratan minimal sistem. Adapun persyaratan Laravel 12 sebagai berikut:

✓ PHP ≥ 8.2
✓ Ctype Extension
✓ cURL Extension
✓ DOM Extension
✓ Fileinfo Extension
✓ Filter Extension
✓ Hash Extension
✓ Mbstring Extension
✓ OpenSSL Extension
✓ PCRE Extension
✓ PDO Extension
✓ Session Extension
✓ Tokenizer Extension
✓ XML Extension

Selain itu perlu diinstall Git dan Composer, serta membutuhkan Web Server (XAMPP), MySQL, dan PhpMyAdmin.

2) Install XAMPP

Download XAMPP pada apachefriends.org kemudian install sesuai langkah wizard. Setelah terinstall akan muncul folder htdocs pada C:\xampp\htdocs. XAMPP secara otomatis akan menginstall Apache, PHP, dan PhpMyAdmin.

3) Install Composer

Composer adalah package manager untuk PHP. Download pada getcomposer.org/Composer-Setup.exe, lalu install sesuai langkah wizard.

4) Install GIT

Download dan install GIT pada git-scm.com/downloads/win.

5) Install Node JS dan NPM

Node JS berfungsi untuk menangani masalah frontend dan build asset UI. Download di nodejs.org dan install sesuai wizard. NPM otomatis terinstall bersama Node.js.

6) Cek semua versi

Pastikan seluruh requirement Laravel terpenuhi.

Pengecekan requirement Laravel

Gambar 1. Pengecekan requirement Laravel

Membuat Project Laravel

Buat project Laravel menggunakan Composer. Buka terminal pada IDE Editor dengan menekan Ctrl + Shift + `, lalu jalankan perintah berikut:

composer create-project laravel/laravel=^versi nama-project --prefer-dist
Proses pembuatan project Laravel

Gambar 2. Proses pembuatan project Laravel menggunakan Composer

Project berhasil dibuat.

Project berhasil dibuat

Gambar 3. Project telah berhasil dibuat

Running Project

Untuk menjalankan project Laravel, gunakan perintah:

php artisan serve

Akses http://localhost:8000 untuk memastikan Laravel berjalan dengan baik.

Laravel berjalan di localhost

Gambar 4. Laravel berhasil berjalan pada localhost:8000

Challenge
  1. Buat controller, beri nama UserController.
  2. Di dalam controller, buat sebuah function dengan nama index.
  3. Buat view di dalam folder resources (user/index).
  4. Dalam index, buat tampilan html sederhana.
  5. Buatkan routing /user menampilkan view tersebut.
User Controller dan function index

Gambar 5. User Controller dan function index

Views di dalam folder resources

Gambar 6. Views di dalam folder resources

Routing /user pada file web.php

Gambar 7. Routing /user pada file web.php

Tampilan halaman HTML sederhana

Gambar 8. Tampilan halaman HTML sederhana pada view user/index

Mata KuliahDesain Web
Pertemuan6
NamaAlfaris Aulia Rahman
NIM2411533006
StatusSelesai