Instalasi CodeIgniter 4: Panduan Setup Project Lengkap (Part 1)

Pada tutorial ini, kita akan membahas langkah-langkah instalasi CodeIgniter 4 dan konfigurasi dasar untuk memulai project berbasis PHP framework yang ringan dan powerful ini. Untuk memulai proyek aplikasi Toko (POS) menggunakan CodeIgniter 4, pertama-tama kita harus menginstal framework ini dan menyiapkan lingkungan pengembangan. Berikut adalah langkah-langkahnya:

1. Persyaratan Sistem untuk Instalasi Codeigniter 4

Pastikan komputer atau server yang digunakan memiliki spesifikasi dan perangkat lunak berikut:

  • PHP 7.4 atau lebih tinggi (disarankan versi terbaru).
  • Composer untuk mengelola dependensi.
  • Database MySQL atau MariaDB (jika menggunakan database relasional).

2. Instalasi CodeIgniter 4 dengan Composer

Untuk memulai, buka terminal/command prompt dan jalankan perintah berikut untuk menginstal CodeIgniter 4 melalui Composer:

composer create-project codeigniter4/appstarter nama_proyek

Gantilah nama_proyek dengan nama folder yang kamu inginkan. Proses ini akan mengunduh dan mengonfigurasi proyek CodeIgniter 4 di folder yang ditentukan.

3. Pengaturan Virtual Host (Opsional)

Jika kamu ingin mengakses aplikasi melalui domain lokal (misalnya http://toko.local), kamu bisa mengonfigurasi virtual host di Apache. Tambahkan konfigurasi berikut di file httpd-vhosts.conf:

<VirtualHost *:80>
    ServerAdmin webmaster@toko.local
    DocumentRoot "C:/path/to/your/project/public"
    ServerName toko.local
    ErrorLog "logs/toko.local-error.log"
    CustomLog "logs/toko.local-access.log" common
</VirtualHost>

Lalu tambahkan baris berikut ke file hosts di sistem kamu (biasanya di C:\Windows\System32\drivers\etc\hosts untuk Windows):

127.0.0.1   toko.local
Langkah Instalasi CodeIgniter 4 - file  hosts

Untuk membuka file hosts di sistem kamu, pastikan Run as administrator. Klik tombol Start atau tekan tombol Windows di keyboard. Ketik Notepad di pencarian. Di hasil pencarian, klik kanan pada Notepad dan pilih Run as administrator. Seperti gambar disamping

4. Menguji Instalasi

Setelah instalasi selesai, buka folder public di browser dan akses http://localhost/nama_proyek/public. Kamu harus melihat halaman selamat datang dari CodeIgniter 4 yang menunjukkan bahwa aplikasi sudah terinstal dengan benar.

5. Menyiapkan Database

Aplikasi POS ini akan membutuhkan database untuk menyimpan data produk, transaksi, dan laporan. Kamu dapat membuat database baru di MySQL:

CREATE DATABASE db_ci4;

Buat database, masuk ke http://localhost/phpmyadmin. Kemudian klik link New database seperti pada gambar yang ditunjuk dengan panah no 1. Isi nama database pada isian panah no 2. Terakhir klik tombol Create (panah no 3)

Langkah Instalasi CodeIgniter 4 - Database

Setelah instalasi Codeignter 4 secara default tidak ada .env. Ubah nama file env menjadi .env. Kemudian, buka file .env di direktori root aplikasi dan sesuaikan pengaturan koneksi database:

Langkah Instalasi CodeIgniter 4 - .env

Kemudian buka file .env, pada bagian database update dengan script ini atau sesuaikan dengan database Anda

database.default.hostname = localhost
database.default.database = db_ci4
database.default.username = root
database.default.password = 
database.default.DBDriver = MySQLi
database.default.DBPrefix =

Gantilah username dan password sesuai dengan konfigurasi MySQL yang kamu gunakan.

6. Struktur Folder

CodeIgniter 4 mengikuti arsitektur yang bersih dan terstruktur dengan jelas. Berikut adalah gambaran umum struktur folder di CodeIgniter 4:

/app
    /Config
    /Controllers
    /Models
    /Views
/public
/system
/vendor
  • /app/Controllers: Tempat penyimpanan controller aplikasi.
  • /app/Models: Tempat penyimpanan model untuk berinteraksi dengan database.
  • /app/Views: Tempat penyimpanan view untuk tampilan pengguna.
  • /public: Berisi file yang dapat diakses publik, termasuk file index.php, assets, dan sebagainya.

7. Melakukan Pengujian Awal

Setelah semua selesai, lakukan pengujian untuk memastikan semuanya berfungsi dengan baik. Jalankan server lokal dengan perintah:

php spark serve

Akses aplikasi di http://localhost:8080 untuk memastikan CodeIgniter berjalan dengan baik.


Kesimpulan Part 1

Di bagian pertama ini, kita telah menyelesaikan instalasi CodeIgniter 4 dan setup awal proyek. Sekarang aplikasi sudah siap digunakan untuk pengembangan lebih lanjut.

Share

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *