A. Tujuan Praktikum
Tujuan praktikum ini yaitu mahasiswa mampu installasi Laravel, membuat project baru Laravel, mengenal struktur Laravel, konsep MVC laravel
B. Langkah-langkah
1. Instalasi Laravel
Untuk menginstall laravel, diperlukan beberapa persyaratan yang harus dipenuhi dan aplikasi lain untuk mendukungnya
- System requirements
✓ PHP >= 8.2
✓ Ctype PHP Extension
✓ cURL PHP Extension
✓ DOM PHP Extension
✓ Fileinfo PHP Extension
✓ Filter PHP Extension
✓ Hash PHP Extension
✓ Mbstring PHP Extension
✓ OpenSSL PHP Extension
✓ PCRE PHP Extension
✓ PDO PHP Extension
✓ Session PHP Extension
✓ Tokenizer PHP Extension
✓ XML PHP Extension
b. XAMPP
XAMPP berfungsi sebagai paket perangkat lunak yang menyediakan lingkungan server lokal lengkap dengan Apache sebagai web server, PHP sebagai bahasa pemrograman, dan MySQL sebagai sistem manajemen basis data, sehingga memungkinkan pengembang menjalankan, menguji, dan mengembangkan aplikasi Laravel secara offline di komputer mereka.
XAMPP dapat didownload pada link https://www.apachefriends.org/index.html kemudian install sesuai dengan Langkah-langkah wizard.
Kita dapat melakukan pengecekan terhadap versi php menggunakan command promt
Pastikan PHP yang terinstall adalah PHP versi 8.2 ke atas
c. Composer
Composer di Laravel berfungsi sebagai pengelola dependensi (ketergantungan) atau paket untuk aplikasi web. Dengan kata lain, Composer membantu Anda mengelola dan menginstal library atau paket pihak ketiga yang dibutuhkan oleh aplikasi Anda.
Download composer pada link https://getcomposer.org/Composer-Setup.exe, selanjutnya install sesuai dengan Langkah-langkah wizard.
Untuk melihat composer yang terinstall, kita dapat melihatnya melalui command promt
d. GIT
Git adalah alat software development yang berfungsi sebagai sistem kontrol versi (version control system) untuk menyimpan, mengelola, dan berbagi kode sumber (source code) secara efisien dan kolaboratif.
e. Node JS dan NPM
Node JS pada Laravel berfungsi untuk menangani masalah frontedn dan build asset UI (Library UI). Sedangkan NPM (Node Package Manager) yang berfungsi mengelola paket untuk ekosistem Javascript, NPM biasanya secara otomatis terinstall Ketika
menginstall node js. Node js dapat didownload pada situs resminya yaitu https://nodejs.org/id
f. Cmder
Cmder adalah aplikasi terminal untuk Windows yang berfungsi sebagai pengganti Command Prompt (CMD) dengan tampilan yang lebih menarik dan fitur lebih lengkap, seperti tab multi-terminal, dukungan Git, serta kemudahan menjalankan perintah-perintah developer seperti Laravel, Composer, dan Git dalam satu tempat yang nyaman.
Cmder dapat didownload melalui link https://cmder.app/
2. Membuat project Baru di Laravel
Setelah semua kebutuhan dan persyaratan terpenuhi, kita dapat memulai membuat project baru. Ada dua cara yang dapat digunakan untuk membuat project laravel, yaitu:
- Laravel Installer
- Dowload installer Laravel menggunakan composer dengan ketik perintah composer global require laravel/installer pada terminal (cmder)
- Buat project baru dengan perintah laravel new example-app
- Composer
- Buat project Laravel menggunakan perintah berikut.
composer create-project laravel/laravel=^versi namaproject –prefer-dist (download versi Laravel yang stabil)
Pada Praktikum ini, saya menggunakan cara kedua untuk membuat projectnya
Ketika dimasukkan perintah composer create-project laravel/laravel=^12 newProject –prefer-dist cmder akan langsung memproses perintah tersebut dan menyiapkan project baru kita yaitu:
- Membuat folder baru bernama newProject.
- Mengunduh Laravel versi 12 dan file intinya.
- Menginstal semua dependensi (library yang dibutuhkan Laravel).
- Membuat struktur folder dan file dasar proyek Laravel.
- Mengatur file konfigurasi seperti .env, artisan, dsb.
Setelah selesai, kita dapat masuk ke folder newProject yang sudah terbuat dan menjalankan command php artisan serve untuk melihat dimana server berjalan dan kita dapat menggunakan link yang diberikan untuk melihatnya di browser
Selanjutnya, masukkan command npm install && npm run build
Npm install berfungsi untuk Mengunduh dan menginstal semua paket front-end yang dibutuhkan Laravel dari file package.json (seperti Vite, Tailwind, Bootstrap, dsb) dan npm run build Memproses dan mengompilasi aset-aset (CSS, JS) menjadi versi yang sudah siap pakai dan cepat diakses di browser.
Selanjutnya masukkan script composer run dev. Script ini memungkinkan untuk menjalankan beberapa perintah development secara bersamaan dengan satu command sederhana.
3. Running Project
Untuk menjalankan dan mengedit project, buka file project tadi di VSCode.
Ketika kita create project tadi, sudah langsung disiapkan struktur folder dan file dasar proyek Laravel sehingga kita tidak perlu membuatnya satu persatu. Salah satunya file web.php di folder routes yang berfungsi untuk menentukan dan mengatur semua rute (URL) yang diakses lewat browser.
Ketika kita membuka file tersebut, sudah ada code:
<?php
use Illuminate\Support\Facades\Route;
Route::get(‘/’, function () {
return view(‘welcome’);
});
Ketika kita menjalankan kode ini, dia akan menampilkan halaman awal laravel.
Kita dapat menambahkan halaman baru melalui file web.php ini. Contohnya
Route::get(‘/helo’, function(){
return “Hello World”;
});
Ketika dibuka di browser, maka ia akan return atau menampilkan tulisan Hello World
