Instalasi dan Konfigurasi Laravel

1. Download XAMPP dari apachefriends.org
2. Jalankan installer dan pilih komponen:

   √ Apache
   √ MySQL
   √ PHP
   √ phpMyAdmin

3. Verifikasi instalasi dengan buka localhost

VERSI PHP

Composer merupakan package manager untuk PHP, composer akan digunakan untuk menambahkan package-package yang dibutuhkan pada saat development. Download compose pada link https://getcomposer.org/Composer-Setup.exe, selanjutnya install sesuai dengan Langkah-langkah wizard.

# Download installer
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"

# Jalankan installer
php composer-setup.php

# Pindahkan ke PATH global
mv composer.phar /usr/local/bin/composer

Silahkan download dan install GIT pada link berikut https://git-scm.com/downloads/win

Node JS pada Laravel berfungsi untuk menangani masalah frontedn dan build asset UI (Library UI). Buka situs resmi node js https://nodejs.org/ kemudian download dan install sesuai dengan Langkah-langkah wizard. NPM (Node Package Manager) yang berfungsi mengelola paket untuk ekosistem Javascript, NPM biasanya secara otomatis terinstall Ketika menginstall node js.

Via Composer:

composer create-project laravel/laravel nama-project

Atau menggunakan Laravel Installer:

composer global require laravel/installer
                    laravel new nama-project

Selanjutnya pilih database yang akan digunakan pada projek laravel

Untuk menjalankan project laravel dapat membuat dengan npm install && npm run build

Setelah itu untuk mendapatkan localhost dari laravel dapat memasukkan php artisan serve di cmder nya

APP_NAME=Laravel
APP_ENV=local
APP_KEY=base64:...
APP_DEBUG=true

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

php artisan make:model Post

File resources/views/welcome.blade.php:

@extends('layouts.app')

@section('content')
    <h1>Hello World</h1>
@endsection

php artisan make:controller PostController

Contoh isi controller:

public function index()
{
    return view('welcome');
}