Membuat Chat Real-Time dengan CodeIgniter 3 dan Ratchet

Dalam artikel ini, kita akan menjelajahi cara membangun aplikasi chat real-time menggunakan CodeIgniter dan Ratchet. CodeIgniter adalah kerangka kerja PHP yang populer untuk pengembangan web, sementara Ratchet adalah pustaka PHP untuk membangun aplikasi real-time.

Kombinasi kedua alat ini memungkinkan kita untuk membuat aplikasi chat yang dapat menyampaikan pesan secara instan kepada pengguna. Mari kita mulai dengan langkah-langkahnya!

Langkah 1: Persiapan Awal

Pastikan Anda memiliki instalasi CodeIgniter yang berfungsi di server atau mesin lokal Anda. Jika sudah, selanjutnya buat proyek baru di CodeIgniter.

Langkah 2: Instalasi Ratchet

Buka terminal atau command prompt dan navigasikan ke direktori proyek CodeIgniter Anda. Gunakan Composer untuk menginstal Ratchet dengan menjalankan perintah berikut:

composer require cboden/ratchet

Langkah 3: Membuat Controller Ratchet

Buat file baru dengan nama “Chat.php” di dalam direktori “application/controllers” proyek CodeIgniter Anda. Implementasikan class controller Chat dengan menggunakan kode berikut:

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

use Ratchet\MessageComponentInterface;
use Ratchet\ConnectionInterface;

class Chat implements MessageComponentInterface {
    protected $clients;

    public function __construct() {
        $this->clients = new \SplObjectStorage;
    }

    public function onOpen(ConnectionInterface $conn) {
        $this->clients->attach($conn);
        echo "Client connected: " . $conn->resourceId . "\n";
    }

    public function onMessage(ConnectionInterface $from, $msg) {
        foreach ($this->clients as $client) {
            if ($client !== $from) {
                $client->send($msg);
            }
        }
    }

    public function onClose(ConnectionInterface $conn) {
        $this->clients->detach($conn);
        echo "Client disconnected: " . $conn->resourceId . "\n";
    }

    public function onError(ConnectionInterface $conn, \Exception $e) {
        echo "An error occurred: " . $e->getMessage() . "\n";
        $conn->close();
    }
}

Langkah 4: Membuat Server Ratchet

Buat file baru dengan nama “server.php” di dalam direktori proyek CodeIgniter Anda. Implementasikan server Ratchet dengan menggunakan kode berikut:

<?php
use Ratchet\Server\IoServer;
use Ratchet\Http\HttpServer;
use Ratchet\WebSocket\WsServer;

require dirname(__DIR__) . '/vendor/autoload.php';

$server = IoServer::factory(
    new HttpServer(
        new WsServer(
            new Chat()
        )
    ),
    8080
);

$server->run();

Langkah 5: Mengatur Rute

Buka file “routes.php” di dalam direktori “application/config” proyek CodeIgniter Anda. Tambahkan kode berikut untuk mengarahkan rute ke server Ratchet yang telah dibuat:

$route['default_controller'] = 'welcome';
$route['websocket'] = 'server.php';

Langkah 6: Menjalankan Aplikasi

Buka terminal atau command prompt dan navigasikan ke direktori proyek CodeIgniter Anda. Jalankan server Ratchet dengan menjalankan perintah berikut:

php server.php

Buka browser dan akses aplikasi CodeIgniter Anda. Untuk menguji aplikasi chat, buka beberapa tab atau jendela browser dan akses aplikasi CodeIgniter pada masing-masing tab.

Kemudian, mulai mengirim pesan di salah satu tab, dan Anda akan melihat pesan tersebut muncul secara real-time di semua tab lainnya.

Kesimpulan

Dalam artikel ini, kami telah menjelaskan langkah-langkah untuk membangun aplikasi chat real-time menggunakan CodeIgniter dan Ratchet.

Dengan menggabungkan kekuatan kedua alat ini, Anda dapat membuat aplikasi chat yang mampu mengirim dan menerima pesan secara instan antara pengguna.

Selamat mencoba membangun aplikasi chat real-time Anda sendiri dengan menggunakan CodeIgniter dan Ratchet!