FIC 8 Fullstack Laravel - Install Laragon, Composer, TablePlus, Laravel 10

Download as pdf or txt
Download as pdf or txt
You are on page 1of 68

FIC Fullstack Flutter Laravel

Installation Largon, Composer, TablePlus,


Laravel 10
By Saiful Bahri
https://instagram.com/codewithbahri

https://instagram.com/codewithbahri
Prerequisite - Windows

Software :
1. Laragon
2. TablePlus
3. Composer
4. Visual Studio Code (VS Code)

https://instagram.com/codewithbahri
Laragon

Link Download: Download | Laragon - portable, isolated, fast & powerful universal development environment
for PHP, Node.js, Python, Java, Go, Ruby.

https://instagram.com/codewithbahri
Laragon

Install, Run, and Start :

https://instagram.com/codewithbahri
Setting Environment Variables

Klik kanan dan arahkan ke php seperti digambar

https://instagram.com/codewithbahri
Setting Environment Variables

Copy path folder nya seperti gambar :

https://instagram.com/codewithbahri
Setting Environment Variables

Open Environment Variables

https://instagram.com/codewithbahri
Setting Environment Variables

Klik Environment Variables..

https://instagram.com/codewithbahri
Setting Environment Variables
Pilih Path di bagian System variables lalu Edit

https://instagram.com/codewithbahri
Setting Environment Variables
Klik New, Copy path folder php nya lalu klik Ok

https://instagram.com/codewithbahri
Setting Environment Variables
Klik New, Copy path folder php nya lalu klik Ok

https://instagram.com/codewithbahri
Setting Environment Variables
Di OK terus sampai Environment variablenya close.
Setelah itu test di power shell: php -v

https://instagram.com/codewithbahri
Setting Environment Variables
Php 8.1.10 siap digunakan.

https://instagram.com/codewithbahri
Composer
Download & Install composer: Composer (getcomposer.org)

https://instagram.com/codewithbahri
Composer
Install for all users

https://instagram.com/codewithbahri
Composer
Next

https://instagram.com/codewithbahri
Composer
Pastikan auto ke isi, lalu next.

https://instagram.com/codewithbahri
Composer
Next, Next, lalu Install dan Finish

https://instagram.com/codewithbahri
Composer
Create folder Development di Drive C:

https://instagram.com/codewithbahri
Composer
Buka Powershell lalu masuk ke folder C:\Development\

https://instagram.com/codewithbahri
Composer

Setelah itu masukan perintah: composer create-project laravel/laravel fic8-starter

https://instagram.com/codewithbahri
Composer

Lalu masuk ke folder fic8-starter dengan perintah: cd fic8-starter


Terus ketik perintah : php artisan serve

https://instagram.com/codewithbahri
Composer
Open Browser : localhost:8000 - laravel 10 sudah siap digunakan.

https://instagram.com/codewithbahri
Database Mysql
Edit password root mysql - buka laragon klik Database

https://instagram.com/codewithbahri
Database Mysql
Edit password root mysql - klik open

https://instagram.com/codewithbahri
Database Mysql
Edit password root mysql - Klik Tools lalu User manager

https://instagram.com/codewithbahri
Database Mysql
Edit password root mysql - pilih root lalu edit password : pwdpwd8
Lalu save

https://instagram.com/codewithbahri
Database Mysql
Download Tableplus & Install : TablePlus | Modern, Native Tool for Database Management

https://instagram.com/codewithbahri
Database Mysql
Open TablePlus

https://instagram.com/codewithbahri
Database Mysql
Open TablePlus : Klik +, Pilih MySQL

https://instagram.com/codewithbahri
Database Mysql
Open TablePlus : isi seperti gambar.
Password isi dengan password
Yang tadi diganti.
Setelah itu klik test,
Dan klik save.

https://instagram.com/codewithbahri
Database Mysql
Open TablePlus : klik 2x DB Local - Siakad

https://instagram.com/codewithbahri
Database Mysql
Open TablePlus : klik icon db lalu klik new, buat database baru.

https://instagram.com/codewithbahri
Database Mysql
Open TablePlus : name: siakad-db lalu OK

https://instagram.com/codewithbahri
Database Mysql
Open TablePlus : close tableplus dan buka lagi,
edit nama database dengan :
siakad-db
Lalu Test, dan Save.

https://instagram.com/codewithbahri
Database Mysql
Database siakad-db siap digunakan dengan
User: root
Password: pwdpwd8
Database: siakad-db
Host: 127.0.0.1
Port: 3306

https://instagram.com/codewithbahri
Install VS Code
Download & Install VS Code: Visual Studio Code - Code Editing. Redefined

https://instagram.com/codewithbahri
Install VS Code
Open vscode dan install extension laravel extension pack

https://instagram.com/codewithbahri
Install VS Code
Open vscode dan install extension vscode-icons

https://instagram.com/codewithbahri
Install VS Code
Open project fic8-starter

https://instagram.com/codewithbahri
Install VS Code
Open .env

https://instagram.com/codewithbahri
Install VS Code
Masukan perintah : php artisan migrate

https://instagram.com/codewithbahri
Install VS Code
Check table di database menggunakan tableplus

https://instagram.com/codewithbahri
Install VS Code
Kita juga bisa start server laravel lewat terminal:

https://instagram.com/codewithbahri
Prerequisite - MacOS

Software :
1. Herd
2. MariaDB
3. TablePlus
4. Composer
5. Visual Studio Code (VS Code)

https://instagram.com/codewithbahri
Herd Laravel
Download & Install Herd : https://herd.laravel.com/

https://instagram.com/codewithbahri
Herd Laravel
Open Herd dan pastikan semua hijau.

https://instagram.com/codewithbahri
Install Mariadb/Mysql
Install Mariadb (Mysql versi community)
Open terminal dan ketik perintah : brew install mariadb

https://instagram.com/codewithbahri
Install Mariadb/Mysql

Setup password pada mariadb dengan perintah: mysql_secure_installation

Enter current password for root: (Enter your SSH root user password)
-Switch to unix_socket authentication [Y/n]: Y
-Change the root password? [Y/n]: Y
Ganti password dengan : pwdpwd8
-Remove anonymous users? [Y/n] Y
-Disallow root login remotely? [Y/n]: N
This is set as N because we might want to access the database from a remote server for using business analytics software
like Metabase / PowerBI / Tableau, etc.
-Remove test database and access to it? [Y/n]: Y
-Reload privilege tables now? [Y/n]: Y

https://instagram.com/codewithbahri
Install Mariadb/Mysql

Running mariadb dengan perintah:


mysql.server start

https://instagram.com/codewithbahri
Install Mariadb/Mysql

Running mariadb dengan perintah:


mysql.server start

https://instagram.com/codewithbahri
Install TablePlus
Download & Install TablePlus : https://tableplus.com/

https://instagram.com/codewithbahri
Install TablePlus
Open TablePlus & new Mysql Connection

https://instagram.com/codewithbahri
Install TablePlus
Klik icon database & buat database baru: siakad-dd

https://instagram.com/codewithbahri
Install TablePlus
Buat Mysql Connection baru dengan database siakad-db

Klik save, lalu open dengan cara double klik list local maria siakad-db

https://instagram.com/codewithbahri
Install VS Code
Download & Install : https://code.visualstudio.com/download

https://instagram.com/codewithbahri
Install VS Code
Check hasil installation dengan buka vscode:

https://instagram.com/codewithbahri
Install Composer
Open Terminal dan ketikan perintah: brew install composer

https://instagram.com/codewithbahri
Install Composer
Masuk buat folder development dan masuk ke folder tersebut.
Lalu create project laravel dengan ketik perintah:
composer create-project laravel/laravel batch8-starter

https://instagram.com/codewithbahri
Install Composer
Setelah selesai, masuk ke folder batch8-starter dengan cara:
cd batch8-starter
Lalu ketik perintah: code . [Enter]

https://instagram.com/codewithbahri
Project VS Code
Project batch8-stater akan terbuka di vscode

https://instagram.com/codewithbahri
Project VS Code
Install Extension : Laravel extension pack & vscode-icons

https://instagram.com/codewithbahri
Project VS Code
Buka file .env di vscode, lalu edit manual dibagian config db

https://instagram.com/codewithbahri
Project VS Code
Buka terminal dari vscode lalu ketik: php artisan migrate

https://instagram.com/codewithbahri
Project VS Code
Check hasil migration dengan buka tableplus dan lihat tables nya.

https://instagram.com/codewithbahri
Project VS Code
Start laravel dengan perintah: php artisan serve

postgresql://sawitpro:sawitpwd@localhost/forumdb?statusColor=686B6F&env
=local&name=forumdb&tLSMode=0&usePrivateKey=false&safeModeLevel=0&a
https://instagram.com/codewithbahri
dvancedSafeModeLevel=0&driverVersion=0
Project VS Code
Open browser dan buka http://localhost:8000

https://instagram.com/codewithbahri
Prerequisite Linux/Ubuntu
Install PHP & Apache:
https://www.rosehosting.com/blog/how-to-install-laravel-on-ubuntu-22-04/
Install Mysql:
https://www.digitalocean.com/community/tutorials/how-to-install-mariadb-on
-ubuntu-22-04
Install TablePlus :
https://tableplus.com/blog/2019/10/tableplus-linux-installation.html
Install Visual Studio Code:
https://code.visualstudio.com/#alt-downloads
Install Extension VS Code:
- Laravel Extension Pack
- vscode-icons

https://instagram.com/codewithbahri

You might also like