Memasang PHPDebugBar di Panada Framework

PHPDebugBar yang dikembangkan oleh Maxime Bouroumeau-Fuseau merupakan salah satu debug toolbar yang dapat digunakan secara umum untuk PHP native ataupun framework PHP. PHPDebugBar mempunyai fitur untuk memantau pesan yang dikirimkan dari server untuk keperluan debugging, melihat isi request GET/POST, melihat timeline sebuah eksekusi ajax, melihat exceptions yang dikeluarkan oleh suatu halaman, melihat config yang dimuat oleh sebuah halaman, melihat lamanya eksekusi suatu halaman, dan melihat besarnya memori yang digunakan oleh suatu halaman web. Selain itu PHPDebuBar memiliki fitur untuk memantau query ke database relasional melalui PDO atau Doctrine. Ada juga fitur Bridge yang digunakan untuk memantau SwiftMailer, Twig, Cache, Doctrine, Monolog, Propel, dan Slim.

Sekarang kita akan mencoba memasang PHPDebugBar di Panada Framework:

• pastikan Anda sudah memasang PHP-CLI di Linux atau jika Anda menggunakan Windows silahkan arahkan folder yang berisi php.exe ke environment variables di "My Computer" -> "Advance System Setting"
• unduh atau klon Panada versi terbaru di Github. Bila berhasil mengunduhnya Anda akan mendapatkan sebuah zip/folder yang bernama panada-master (Bila Anda sudah memilikinya silahkan lewati langkah ini)
• unduh composer di getcomposer.org. Composer sendiri merupakan package manager yang hadir untuk memudahkan pengelolaan library di pengembangan aplikasi menggunakan PHP. Bila Anda berhasil mengunduhnya maka Anda akan mendapatkan sebuah file bernama composer.phar
• silahkan taruh folder panada-master di folder web yang digunakan oleh Apache. Jika di Linux biasanya disimpan di /var/www atau /var/www/html tergantung konfigurasi di virtualhost default Apache Anda. Kemudian ubah hak aksesnya menjadi 777 dengan cara sudo chmod 777 panada-master/ -R. Jika Anda menggunakan Windows taruh folder panada-master di htdocs
• silahkan taruh composer.phar di dalam panada-master
• sekarang kita akan menambahkan PHPDebugBar dengan menggunakan Composer. Melalui terminal/cmd silahkan masuk ke folder panada-master dengan menggunakan perintah cd. Setelah di dalam folder panada-master, silahkan jalankan perintah berikut php composer.phar require "maximebf/debugbar:>=1.0.0" . Perintah tersebut berfungsi untuk mengunduh PHPDebugBar sesuai dengan versi terbaru. Bila sudah selesai diunduh, maka akan hadir folder yang bernama vendor dan di dalamnya akan terdapat file autoload.php dan folder maximebf
• lalu copy semua isi di folder vendor ke panada/vendors, karena Panada akan membaca library yang diunduh dari Composer di folder tersebut
• lalu copy folder Resources yang terdapat di maximebf/debugbar/src ke folder public/assets. Ubah namanya menjadi phpdebugbar
• berdasarkan dokumentasi di Panada, untuk memuat library dari Composer, kita harus memanggil Resource\Import::composer() di construt() pada suatu Controller. Berikut contoh potongan kodenya yang disimpan di Controller Home:

namespace Controllers;
use Resources, Models;
class Home extends Resources\Controller
{
public function __construct(){

    parent::__construct();
    Resources\Import::composer();
}

.............................................
}

• Sekarang Anda dapat memanggil PHPDebugBar di salah satu function yang ada di Controller, misalkan di function index() seperti berikut:

 
class Home extends Resources\Controller
{
................................................
public function index()
{
    $debugbar = new \DebugBar\StandardDebugBar();
    $debugbar->addCollector(new \DebugBar\DataCollector\ConfigCollector());
    $debugbarRenderer = $debugbar->getJavascriptRenderer();
    $debugbarRenderer->setBaseUrl('http://localhost/museumcode/public/assets/phpdebugbar');

    $debugbar["messages"]->addMessage("hello world!");
    echo $debugbarRenderer->renderHead();

    $data['title'] = 'Hello world!';
    $this->output('home', $data);

    echo $debugbarRenderer->render();       
}

}

• Apabila Anda berhasil mengikuti langkah diatas, maka akan tampil PHPDebugBar di halaman index Panada seperti pada gambar berikut ini:

(rfs)