Mencoba CodeIgniter 4, Framework yang Ciamik #1

CodeIgniter versi 4 telah dirilis dan ada banyak sekali perubahan di versi terbaru ini yang berbeda jauh dari versi pendahulunya. CodeIgniter 4 rilis pada 24 Februari 2020, jadwal rilis tersebut untuk mengenang jasa Jim Parry dalam pengembangan CodeIgniter. Jim meninggal satu bulan sebelum CodeIgniter 4 rilis karena menderita penyakit kanker. Versi 4 ini muncul setelah hampir lima tahun CodeIgniter tidak melakukan pembaharuan. Waktu ini memang sangat lama, mengingat perkembangan framework yang semakin cepat dan saat ini ada banyak pilihan framework baru yang bisa digunakan sebagai alternatif.

Daftar Isi

1. Install CodeIgniter 4
2. Aplikasi Pendukung
3. Mencoba CI 4
4. Membuat View Hello World

Install CodeIgniter 4

CodeIgniter 4 (CI 4) dapat diunduh di website resminya codeigniter.com lalu disimpan di folder webserver anda atau dapat juga menggunakan Composer, dengan mengetikan baris perintah seperti berikut ini.

composer create-project codeigniter4/appstarter proyek-web

nantinya akan terunduh folder berisi framework CI 4 yang bernama proyek-web, tentu saja anda harus menginstall Composer terlebih dahulu, silahkan unduh Composer di sini.

Jadi mana yang kamu pilih, download langsung atau menggunakan Composer?.

Aplikasi Pendukung

Untuk membuat proyek website dengan CI 4, yang kita butuhkan adalah beberapa software pendukung yang harus diinstall pada komputer, seperti:

1. Paket webserver, dapat menggunakan Xampp atau Wampp
2. Teks editor, bisa mengunakan Notepad, Sublime Text, Nano, Atom, Geany atau Visual Studio Code
3. Git Bash, tapi ini bersifat opsional sebenarnya bisa menggunakan Command Prompt bawaan Windows atau Terminal jika anda menggunakan Linux, saya biasanya menggunakan Git Bash untuk menjalankan perintah teks, seperti: php spark serve
4. Web Browser, misal Microsoft Edge, Google Chorme, firefox, Safari atau Opera

Mencoba CI 4

Setelah file pendukung tersebut berhasil diinstall, saatnya mencoba CI 4. silahkan unduh/download pada website resmi Codeigniter (saran: lebih baik unduh langsung), lalu ekstrak file CI 4, saat ini yang saya gunakan adalah versi 4.3.1, setelah diekstrak ganti nama file dengan nama yang anda kehendaki, misal (proyek-web), atau dapat menggunakan perintah ini, buka Git Bash pada file browser tempat anda menyimpan proyek website, dalam artikel ini saya menyimpannya pada Desktop, lalu ketikan perintah ini

        
cli
        

            
        
     
composer create-project codeigniter4/appstarter proyek-web --no-dev

setelah itu klik kanan pada folder proyek-web lalu pilih Git Bash Here dan jalankan perintah

        
cli
        

            
        
     
php spark serve

Bila muncul tulisan seperti pada gambar, berarti kita sudah berhasil menjalankan CI 4

Buka web browser lalu ketikan perintah http://localhost:8080

Nanti akan muncul halaman Welcome to CodeIgniter 4, sampai tahap ini instalasi CI 4 sukses dan kita bisa melanjutkan ke tahap berikutnya.

Membuat View Hello World

Tampilan halaman di atas dapat kita ubah sesuai dengan proyek web yang akan kita kerjakan, misal kita akan merubah halaman tersebut supaya dapat menampilkan pesan Hello World, saya menggunakan Visual Studio Code untuk teks editornya, silahkan jalankan aplikasi Visual Studio Code atau aplikasi teks editor kesayangan anda, lalu buka folder proyek-web.

Buat Controller Baru, kita beri nama Hello.php, dengan cara ketikan perintah tersebut pada Terminal di Visual Studio Code

        
cli
        

            
        
     
php spark make:controller hello

Silahkan ketik atau copy sintak berikut

        
php
        

            
        
     
<?php
namespace App\Controllers;
class Hello extends BaseController
{
	public function index()
	{
	return view('hello'); //copy pada bagian ini
	}
}

Setelah itu buat file hello.php pada folder Views

Buka file Routers.php pada folder app/Config, lalu tambahkan kode berikut ini

        
php
        

            
        
     
$routes->get('/hello', 'Hello::index');

Seperti pada gambar berikut

Lalu buka tautan http://localhost:8080/hello pada browser dan akan muncul seperti pada gambar