Tutorial Codeigniter 4: Instalasi dan Persiapan Belajar Codeigniter 4
Sebelum mulai belajar Codeigniter 4 lebih, kita harus meyiapkan alat
yang dibutuhkan untuk coding Codeigniter 4.
Apa Saja itu?
Persiapan Sebelum Belajar CI 4
Prasyarat belajar Codeigniter 4..
Memahami basic bahasa pemrograman PHP.
Silahkan, ikuti tutorial basic pemrograman PHP jika kamu
belum menguasainya.
Untuk bisa belajar Codeigniter dengan lancar setidaknya
kamu sudah paham konsep pemrograman berorientasikan
objek (OOP) dengan PHP.
Memahami sintaks dasar SQL;
Nah, setelah prasyarat ini terpenuhi. Selanjutnya silahkan
siapkan alat-alatnya untuk mulai belajar.
Berikut ini beberapa peralatan yang harus kamu siapkan di
komputermu:
1. Teks Editor
2. Web Browser
3. Web Server: PHP, MySQL, Phpmyadmin
4. Composer
5. File Project Codeigniter
Mari kita siapkan satu-per-satu.
1. Teks Editor
Teks editor akan kita gunakan untuk menulis kode. Kamu
bebas menggunakan teks editor apa saja untuk coding CI.
Saya merekomendasikan menggunakan VS Code, karena
mudah digunakan dan punya banyak fitur.
Untuk menginstal VS Code, silahkan baca:
Review dan Cara Install VS Code di Linux
2. Web Browser
Web browser akan kita gunakan untuk melihat hasil dari
aplikasi. Kamu juga bebas menggunakan web browser
apapun, asalkan masih mendukung teknologi web modern
zaman sekarang.
Rekomendasi, gunakan Google Chrome atau Firefox.
3. Web Server
Codeigniter merupakan framework PHP, karena itu ia pasti
membutuhkan web server. Berikut ini requirement server
untuk Codeigniter 4:
PHP Versi 7.2+
MySQL Versi 5.1+
Phpmyadmin
Jika kamu sudah menginstal XAMPP, maka ketiga aplikasi
server ini sudah terpenuhi. Tapi jika kamu pengguna Linux,
maka ini bisa diinstal satu-per-satu.
Setelah menginstal webserver, kita harus mengaktifkan
beberapa ekstension yang dibutuhkan untuk
pengembangan CI 4.
Apa saja itu?
php-json ekstension untuk bekerja dengan JSON;
php-mysqlnd native driver untuk MySQL;
php-xml ekstension untuk bekerja dengan XML;
php-intl ekstensi untuk membuat aplikasi multibahasa;
libcurl (opsional), jika ingin pakai Curl.
Silahkan install semuanya dengan perintah:
sudo apt install php-json php-mysqlnd php-xml php-intl
libcurl
Untuk kamu yang menggunakan Windows dan XAMPP.
Silahkan buka XAMPP Control Panel, lalu pada bagian
apache klik Config->PHP.
Setelah itu, cari di bagian extension dan hapus ; yang ada di
depan nama extension untuk mengaktifkannya.
4. Composer
Composer adalah program berbasis command line (CLI)
untuk menajemen proyek PHP. Tugas dari composer adalah
melakukan instalasi paket, membuat proyek baru,
menjalankan script, dan lain-lain.
Silahkan install Composer dengan perintah berikut:
apt install composer
Jika kamu ingin belajar tentang composer lebih lanjut,
silahkan baca:
Cara Menggunakan Composer untuk Manajemen Proyek
PHP
O ya, di sana juga ada penjelasan tentang cara
installComposer di Windows.
5. File Project Codeigniter
File project Codeigniter dapat di-download di website resmi
Codeigniter. Nanti kita akan mendapatkan file berupa ZIP.
File inilah yang akan kita gunakan untuk mulai membuat
proyek Codeigniter.
File project ini juga dapat kita download dengan composer.
Silahkan ikuti:
Install CI 4 dengan Composer
Untuk menginstal CI 4 dengan composer, silahkan ketik
perintah berikut.
composer create-project codeigniter4/appstarter ci-news –vvv
Tungulah sampai prosesnya selesai.
Ada beberapa argumen yang kita berikan pada perintah ini:
adalah perintah untuk membuat proyek baru
create-project
dengan composer;
codeigniter4/appstarter adalah file CI yang akan di-download;
ci-news adalah nama proyek yang akan kita buat;
-vvv berfungsi untuk melihat proses install lebih detail.
Setelah prosesnya selesai, kita akan mendapatkan folder
baru dengan nama
ci-news .
buka folder ci-news dengan teks editor VS Code.
Setelah itu buka terminal dengan menekan Ctrl + ` dan
jalankan perintah:
composer install –vvv
Perintah ini akan menginstal semua library yang
dibutuhkan CI 4.
Setelah selesai, coba ketik perintah:
php spark serve
Perintah ini akan menjalankan server CI 4 pada port 8080.
Coba buka web browser dan arahkan ke
alamat [Link] maka hasilnya:
Selamat. 👏👏👏
CI 4 sudah berhasil diinstal.
Selanjutnya kita tinggal mulai coding.
Install CI 4 dengan Cara Manual
Nah, buat kamu yang ingin menginstal CI4 dengan cara
manual, tanpa harus melalui Composer, bisa ikuti cara ini.
Langkah-langkah yang harus dilakukan:
1. Download Codeigniter;
2. Ekstrak File ZIP Codeigniter ke htdocs.
Silahkan buka website Codeigniter untuk mendownload.
Note: Biar versi CI4 sama dengan versi yang digunakan
pada tutorial ini, yakni 4.0.4.. silahkan Download CI dari
link ini.
Kita akan mendapatkan sebuah file zip 📦 [Link],
ekstrak file tersebut ke dalam c:\xampp\htdocs (XAMPP)
atau /var/www/html (di Linux).
’
Setelah itu, ubah nama [Link] menjadi ci-news.
Sekarang coba buka web browser dan buka
alamat: [Link] .
Jiak hasilnya kosong atau blank, maka kita harus
melakukan install library yang dibutuhkan.
Silahkan buka folder ci-news dengan Visual Studio Code, lalu
buka terminal dan ketik perintah berikut.
composer install -vvv
Perintah ini akan menginstal semua library yang
dibutuhkan CI 4.
Setelah itu, ubah kepemilikan dari folder writable dengan perintah berikut
ini:
sudo chown -Rv www-data writable/
Note: ini khusus di Linux
Setelah selesai, coba buka kembali [Link] , maka
hasilnya:
Selamat. 👏👏👏
CI 4 sudah berhasil diinstal.
Selanjutnya kita tinggal mulai coding.
Biar Enak, Hidupkan Mode Debugging
CI4 menyediakan fitur debugging yang cukup bagus. Ini sama seperti
profiler pada CI3.
Secara default, fitur ini belum aktif. Jika ada error pada aplikasi, maka ia
akan menampilkan pesan Whoops! seperti ini:
Kita tidak akan bisa tahu tempat masalahnya jika aplikasi cuma
menampilkan ini. Cocoknya ini dipakai pada aplikasi production.
Nah, untuk mengaktifkan mode debugging, kita harus mengubah
environment variabel CI_ENVIRONMENT menjadi development.
Silahkan buka file env, kemudian cari variabel CI_ENVIRONMENT dan ubahlah
nilainya menjadi development.
Setelah itu, ubah nama file env menjadi .env (tinggal tambah titik di
depan).
Sekarang, coba buat sebuah kesalahan. Misalnya, saya menghapus titik
koma pada controller Home.
Lalu buka kembali aplikasinya.
Maka hasilnya:
Nah, dengan begini.. kita bisa debug aplikasi dengan lebih mudah. CI akan
ngasih tahu, di mana letak error-nya.
Nanti, setelah kita selesai mengembangkan aplikasi. Ubah
kembali CI_ENVIRONTMENT menjadi production.
Membuat Virutal Host Domain
Ini boleh kamu lakukan dan boleh juga tidak.
Buat kamu yang menginstal CI4 secara manual di htdocs, ada baiknya
membuatkan virtual host agar memudahkan dalam proses development.
Virtual host adalah alamat khusus yang kita buat di localhost untuk
mengakses aplikasi.
Pada contoh di atas, kita membuka aplikasi melalui [Link]
news/public/ .
Nah, dengan virtual host, kita bisa membukanya melalui [Link].
Nama domain yang digunakan terserah kita, bisa .com, .net, .web, dan
sebagainya.
Tapi..
Biar tidak membingungkan dan bentrok dengan domain yang sudah ada di
internet, kita berikan domain .test atau .local saja.
Biaklah, langkah-langkah berikut:
Membuat Virtual Host di Linux
Untuk kamu pengguna Linux atau Mac, bisa mengikuti cara berikut.
Silahkan buka Terminal lalu ketik.
sudo cp /etc/apache2/sites-available/[Link] /etc/apache2/sites-
available/[Link]
Perintah ini akan melakukan copy dari konfigurasi default host apache.
Setelah itu, buka file [Link] dengan tekes editor. Ketik perintah
berikut:
sudo nano /etc/apache2/sites-available/[Link]
Lalu ubah isinya menjadi seperti ini:
<VirtualHost *:80>
ServerAdmin admin@[Link]
ServerName [Link]
ServerAlias [Link]
DocumentRoot /var/www/html/ci-news/public
ErrorLog ${APACHE_LOG_DIR}/[Link]
CustomLog ${APACHE_LOG_DIR}/[Link] combined
</VirtualHost>
Setelah itu, tekan Ctrl + x lalu pilih y untuk menyimpan.