Client App pada Framework Lumen #13

Di tutorial bagaimana cara membuat aplikasi client. Sebelumnya kita membuat  aplikasi web service REST API server, kali ini kita akan buat aplikasi client nya dan bagaimana cara mengakses data dari server tersebut.

Pertama install terlebih dahulu project lumen client app menggunakan composer seperti dibawah ini.

Disini saya membuat project dengan nama lumen-client-app, kemudian masuk ke directory aplikasi client tersebut, dan jalankan servernya pada port 9000.

Coba akses localhost:9000 pada browser, jika tampilannya seperti dibawah ini maka telah berhasil.

Membuat Fungsi Untuk Mengakses Web Service JSON (Get Request)

Setelah jalankan servernya, kita buka project lumen-client-app pada text editor kita, buka file routes/web.php dan buat routing seperti berikut.

Buat controller dengan nama app/Http/Controllers/PostsController.php, kemudian buat function getRequestJson dengan code nya seperti dibawah ini.

Masuk kedalam folder resource/views, buat sebuah folder dengan nama posts kemudian buat file getRequestJson.php di dalam folder posts tersebut.

Dalam getRequestJson.php ini kita akan membuat struktur HTML, tambahkan script berikut di dalam getRequestJson.php.

Sebelum kita test di browser tentunya kita perlu menjalankan terlebih dahulu server web servicenya. Teman-teman bisa masuk ke project sebelumnya, yaiut “php-lumen-service-app” dan buka terminalnya, disini saya menggunakan text editor visual studio code yang di dalamnya sudah tersedia fitur terminal untuk memudahkan kita dalam menjalankan servernya. Untuk menjalankan web service nya kita gunakan port 8000 seperti berikut.

Sekarang kita masuk lagi ke project lumen-client-app, untuk mengecek terlebih dahulu apakah data nya sudah berhasil diambil dari web service kita bisa menggunakan function dd() atau biasa disebut dump, kita lihat isian data dari respon dengan menambahkan function dd() sebelum return view.

Lalu akses endpoint http://localhost:9000/posts/get-request-json, jika respon nya seperti berikut maka data telah berhasil di get dari web service.

Bisa dilihat isi dari response adalah 4 data berbentuk array yang didapat dari web service. Selanjutnya kita hapus kembali function dd tersebut atau bisa di berikan comment saja, kemudian akses kembali endpoint http://localhost:9000/posts/get-request-json, jika berhasil tampilan akan seperti berikut.

Membuat Fungsi Untuk Mengakses Web Service XML (Get Request)

Sekarang kita akan membuat request client yang sama, namun menggunakan format XML. Tambahkan routing baru pada file web.php.

Buat function baru getRequestXml() pada PostsController.

Untuk format xml kita perlu menginstall terlebih dulu library simple xml.

composer require ext-simplexml

Seperti biasa sebelum kita akses endpoint http://localhost:9000/posts/get-request-xml, kita lakukan dump terlebih dahulu untuk melihat isian dari response, jika tampilan seperti berikut maka sudah berhasil di get.

Hapus kembali function dump atau berikan comment, lalu akses kembali endpointnya.

Membuat Fungsi Untuk Mengakses Web Service JSON (Post Request)

Sekarang kita akan melakukan post data atau mengirimkan data dari client, pertama buat terlebih dahulu routing nya.

Kemudian buat function postRequsetJson() pada PostsController.

Selanjutnya kita buat tampilan view pada folder posts/postRequestJson seperti berikut.

Jika berhasil, maka tampilan akan seperti berikut.

Cek juga di database kita apakah data tersebut sudah berhasil di create atau belum.