Get Started with CodeIgniter4! (Setup & Configuration) [Part 2]

Created by: Anisa Damayanti, S.Kom.
For Study Purpose Only!

D. Konfigurasi

Dalam melakukan konfigurasi, kali ini ada 1 tools yang harus dipersiapkan, yaitu Text Editor.
Untuk penggunaan Text Editor, saya rekomendasikan Visual Studio Code. Kenapa harus Visual Studio Code? sesuai dengan Tagline di Website resminya “Free. Built on open source. Runs everywhere.”

Maka akan sangat mempermudah bagi para Developer pemula sampai Developer berpengalaman untuk membangun sebuah aplikasi yang berbasis Dekstop, Website, maupun Android.

Aplikasi ini biasa di sebut dengan VSCode dan memiliki banyak plugin yang bisa dimanfaatkan oleh para developer ketika sedang mengerjakan sebuah script code. Contoh nya seperti ini:

Vscode-pets by Anthony Shaw

Bu cara pasang plugin seperti itu gimana?

Untuk penjelasan pemasangan beberapa plugin mungkin akan saya bahas di Postingan berikutnya ya! Jangan lupa Subscribe blog December Skies Code ini untuk mendapatkan notifikasi pembahasan terbaru lainnya.

Click download di sini untuk mendownload Visual Studio Code versi Windows x64.

Anggap saja saat ini kalian sudah menyiapkan text editor, langkah selanjutnya adalah membuka folder project CodeIgniter yang sudah di install sebelumnya.

Open VSCode -> File -> Open Folder -> Pilih folder project (berada di dalam folder xampp>htdocs) -> Select Folder

Contoh membuka folder project
ci4_anisa_xiirpl3

Jika berhasil maka akan memunculkan menu Explorer di sebelah kanan yang berisi seluruh folder project CodeIgniter

Posisi menu Explorer tidak selalu ada di sebelah kanan, tetapi bisa juga ada di sebelah kiri tergantung dari pengaturan Tema VSCode yang digunakan

Setup Mode Environment

Kita akan mengubah mode production menjadi development pada file env. Tujuannya adalah ketika membangun sebuah Website akan lebih mudah jika Environment memunculkan pesan Error, kemudian agar segera dapat melihat dan memperbaiki bug yang ada.

Pertama duplikat file env, kemudian file hasil duplikat di rename menjadi .env

2. Rename file **env copy** menjadi **.env**

Pada file .env cari line yang terdapat #CI_ENVIRONMENT = production

# CI_ENVIRONMENT = production

PHP

Hilangankan tanda # dan ubah kata production menjadi development

CI_ENVIRONMENT = development

PHP

Jangan lupa untuk segera menyimpan perubahan script dengan klik CTRL + S pada Keyboard atau dengan pilih File -> Save.

Konfigurasi $baseURL

Konfigurasi ini berisi alamat URL aplikasi terdapat pada file app/config/App.php. Misalnya web aplikasi Sistem Informasi Perpustakaan akan diakses dengan menggunakan http://localhost/web_si_perpustakaan/public maka pada konfigurasi ini harus diisikan seperti berikut:

public string $baseURL = 'http://localhost/web_si_perpustakaan/public/';

PHP

Untuk dapat mengubah paragraf script di atas dengan mengikuti langkah-langkah berikut:

Open folder app -> config -> App.php
Pada file App.php cari line $baseURL

public string $baseURL = 'http://localhost:8080/';

PHP

Ubah http://localhost:8080/ menjadi http://localhost/ci4_nama_kelas/public

public string $baseURL = 'http://localhost/ci4_anisa_xiirpl3/public/';

PHP

Script di atas saya contohkan menjadi ci4_anisa_xiirpl3.

Jangan lupa untuk segera menyimpan perubahan script dengan klik CTRL + S pada Keyboard atau dengan pilih File -> Save.

Routing

Routing bertujuan untuk menentukan Controller mana yang harus merespon sebuah request. Perhatikan keterangan berikut:

Pada project CodeIgniter yang kita gunakan dalam hal pembelajaran akan lebih mudah ketika mengaktifkan mode Auto Route dan dijadikan True. Jadi pada saat mengakses sebuah alamat URL akan dapat dengan mudah mengidentifikasi halamanan mana yang dituju oleh Route.

Open folder app -> config -> Routes.php
Cari line yang terdapat $routes pada file Routes.php

// $routes->setAutoRoute(false);

PHP

Hilangkan tanda // dengan cara dihapus dan ubah kalimat false menjadi true seperti berikut:

$routes->setAutoRoute(true);

PHP

Jangan lupa untuk segera menyimpan perubahan script dengan klik CTRL + S pada Keyboard atau dengan pilih File -> Save.

Sampai di sini kita sudah selesai dalam pembahasan mulai dari proses persiapan, requirement, Instalasi CodeIgniter4 secara manual maupun secara bantuan menggunakan Composer, sampai melakukan Setup & Configuration pada web project Framework CodeIgniter4. Untuk selanjutnya, setelah ini akan membahas mengenai proses Instalasi dan Setup Bootstrap, atau yang biasa dikenal dengan CSS tapi versi Framework-nya.

Sebelum berpindah ke pembahasan Bootstrap AdminLTE anda harus memahami konsep MVC yang digunakan oleh CodeIgniter4. Klik di sini untuk membaca, memahami, dan mempraktikan konsep MVC.

Jika anda sudah memahami konsep MVC maka bisa langsung ke bagian Instalasi & Setup Bootstrap AdminLTE. Klik di sini untuk membaca, memahami, dan mempraktikan Instalasi & Setup Bootstrap AdminLTE.