Link Search Menu Expand Document

Instalasi dan Persiapan Proyek

** docs ini masih dalam pengembangan, materi akan ditambah dan diperbaiki.

Halaman ini menjelaskan tentang tools apa saja yang perlu diinstall untuk mengembangkan CodeIginiter 4.

Instalasi

XAMPP

  • XAMPP merupakan webserver Apache yang sudah terdapat MariaDB (MySQL) dan PHP.
  • Download di sini. Pilih installer dengan PHP 8.0.
  • Install secara default di Windows (akan terinstall di direktori C:\xampp).
  • Setelah terinstall, jalankan XAMPP Control Panel, kemudian jalankan Apache dan MySQL dengan klik tombol start.
  • Ingat bahwa Apache dan MySQL harus selalu dijalankan saat mengembangkan website dengan PHP, untuk itu apabila kita mematikan komputer, besok harinya jangan lupa jalankan kembali Apache dan MySQL di XAMPP Control Panel saat ingin melanjutkan pengembangan website.
  • Gambar: XAMPP Control Panel.
  • XAMPP Control Panel

  • :warning: Untuk memaksimalkan CodeIgniter 4, PHP harus ditambahkan ke PATH di system environment Windows, caranya dapat pembaca pelajari sendiri dengan pencarian di google “xampp menambahkan php ke path windows”. Langkah ini diperlukan karena akan digunakan untuk menjalankan PHP di terminal (CLI). Pastikan perintah php -v memunculkan versi php saat dijalankan di terminal.

Visual Studio Code

  • Text editor yang disarankan, download di sini, namun bisa menggunakan text editor lain seperti Notepad++, Sublime Text, dsb. Kelebihan yang ada dengan menggunakan VS Code adalah gratis, sudah tersedia terminal untuk menjalankan CLI, dan banyak tools yang dapat mempermudah penulisan kode.

CodeIgniter 4

  • Tutorial ini akan menggunakan CodeIgniter versi 4, silahkan download di sini.
  • Setelah didownload, ekstrak berkas .zip tersebut, dan ubah nama folder aplikasi menjadi nama website (misal percetakaan-app).
  • (Optional) Untuk memudahkan pencarian folder aplikasi nantinya, pindahkan folder aplikasi ke direktori C:\xampp\htdocs. Folder htdocs ini merupakan folder khusus XAMPP yang dapat diakses langsung melalui localhost/nama_folder.
  • Ubah nama file env menjadi .env , file ini merupakan file environtment untuk mengatur konfigurasi project

Penyiapan Local Server

Web Server

Kebutuhan server untuk Codeigniter 4:

  • PHP Versi 7.4 ke atas
  • MySQL Versi 5.1 ke atas

Setelah menginstal webserver, kita harus mengaktifkan beberapa ekstension yang dibutuhkan untuk pengembangan CI 4:

Buka XAMPP Control Panel, klik apache -> Config -> PHP (php.ini) Cari “intl” dibaris yg depannya ada #extension, hilangkan tanda pagarnya Cari “curl” dibaris yg depannya ada #extension, hilangkan tanda pagarnya Cari “mbstring” dibaris yg depannya ada #extension, hilangkan tanda pagarnya

Pembuatan Virtual Host

Buka XAMPP Control Panel, klik apache -> Config -> Apache (httpd.conf) Cari “vhost” di baris yg depannya ada #LoadModulde, hilangkan tanda pagarnya.

Tambah virtual host ke C:\xampp\apache\conf\extra\httpd-vhosts.conf

<VirtualHost *:80>
    ServerAdmin admin@kaber.printing
    DocumentRoot "C:/xampp7.4/htdocs/percetakan-app-ci4/public"
    ServerName kaber.printing
    ErrorLog "logs/kaber.printing-error.log"
    CustomLog "logs/kaber.printing-access.log" common
    <Directory "C:/xampp7.4/htdocs/percetakan-app-ci4/public">
        DirectoryIndex index.php
        AllowOverride All
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>
  1. Buka C:\Windows\System32\drivers\etc, klik kanan file hosts -> properties -> hilangkan cheklist Read Only -> Apply;
  2. Buka notepad as administrator
  3. Buka C:\Windows\System32\drivers\etc, pilih file hosts
  4. Tambahkan ip address dan ServerName di virtual host yg ditambahkan di atas.
    192.168.101.34  kaber.printing
    

Jangan lupa restart Apache di XAMPP Control Panel.

Diskusi