PHP Lumen Client App
PHP Lumen Client App
Pertama - tama nyalakan fitur apache dan mysql pada xampp
Penjelasan
Pada tutorial kali ini akan membahas mengenai pembuatan Applikasi lumen berbasis client yang nantinya akan dibuatkan tampilan view yang akan di akses oleh client. Namun dalam melakukan operasi pengiriman data akan mengakses data dari server sehingga memudahkan client dalam operasi misalkan crud.
Membuat Aplikasi Lumen
Untuk membuat aplikasi lumen pada tutorial kali ini akan menggunakan fitur composer tutorial nya sebagai berikut
1. Ketikan perintah seperti gambar di bawah ini tetapi untuk nama project nya tidak harus PHPClient bisa diubah sesuai keinginan.
Untuk membuat aplikasi lumen harus terkoneksi ke internet
2. Apabila sudah selesai maka akan muncul tampilan seperti gambar di bawah ini
3. Setelah selesai jalankan terlebih dahulu aplikasi PHPClient dengan mengetikan perintah php -S localhost:9000 -t public dan pada port ini ada perubahan dikarenakan supaya tidak bentrok dengan port dari aplikasi server
4. Lalu masukan link http://localhost:9000 di browser
Apabila muncul pesan seperti gambar di atas maka pembuatan aplikasi Lumen telah berhasil
Selesai
Pengecekan data di Aplikasi server
Untuk pengecekan data di server ini bertujuan untuk memeriksa apakah data di server sudah ada atau belum dan untuk mengecek apakah server menerapkan sistem login sehingga nantinya client bisa lebih mudah dalam mengoperasikan data dari server
1. Buka aplikasi server dan jalankan perintah php -S localhost:8000 -t public
2. Lalu buka aplikasi postman dan panggil link http://localhost:8000/post dan untuk post ini adalah routes yang mengarah ke controller post dan bagi yang belum tau bisa mengikuti tutorial sebelumnya disini
3. Apabila muncul pesan seperti gambar di bawah ini maka server menerapkan sistem login sehingga apabila ingin mengecek data harus login terlebih dahulu dan bagi yang belum tau bisa lihat disini
4. Dan apabila user nantinya ingin bisa mengubah atau memasukan data baru ke server haruslah login dengan user role admin atau editor dan bagi yang belum tau bisa lihat disini
5. Dan apabila sudah melakukan login dengan akun admin atau editor maka akan muncul tampilan sepert ini
6. Setelah tau ada atau tidak nya data di aplikasi server maka aplikasi client bisa langsung mengoperasikan data dari server.
Selesai
Membuat Fungsi Untuk Mengakses Web Service JSON (Get Request)
Untuk membuat fungsi mengakses web service json (get request) bisa mengikuti tutorial nya berikut ini:
1. Buka file web,php di folder routes dan tambahkan routes baru seperti ini
2. Buat file controller dengan nama PostController.php di folder app/http/comtrollers dan buat fungsi getRequestJson dan tambahkan kode seperti ini
Perlu diperhatikan bahwa Authorization bearer lalu token ini di dapat pada saat melakukan login di aplikasi server setelah itu akan mendapatkan token seperti gambar di bawah ini
dan untuk token yang di dapatkan harus di masukan ke file controller dengan urutan yang sama seperti gambar postcontroller
Dan perlu juga untuk memasukan accept header ke postcontroller yang ada pada aplikasi server seperti ini
Apabila belum tau tentang memasukan accept header bisa melihat kembali ke tutorial sebelumnya
3. Pada file getRequestJson ini akan mereturn ke file view dengan nama getRequestJson. Untuk itu but view getRequestJson.php di folder resources/views/posts dan masukan kode seperti ini
dikarenakan file ini memanggil css bootstrap berupa link cdn maka ketika di penggil view nya harus terkoneksi ke internet
4. Lalu ketikan perintah php -S localhost:9000 -t public pada aplikasi client dan php -S localhost:8000 -t public keduanya harus di panggil dkarenakan apabila aplikasi server tidak di panggil maka data yang dipanggil oleh client tidak akan masuk dan tidak akan tampil pada aplikasi client sehingga akan muncul error seperti ini
Apabila aplikasi server dan client terpanggil keduanya maka akan muncul tampilan seperti ini
Selesai
Membuat Fungsi Untuk Mengakses Web Service XML (Get Request)
Untuk membuat fungsi mengakses Web Service XML (Get Request) bisa mengikuti tutorial berikut ini
1. Buka kembali file web.php dan tambahkan routes baru seperti ini
2. Lalu buka file PostController dan tambahkan fungsi getRequestXml dan tambahkan kode seperti ini
3. Dikarenakan fungsi ini mereturn ke view getRequestXml maka buat file getRequestXml.php di folder posts dan tambahkan kode seperti ini
4. Lakukan pemanggilan link aplikasi server dan client seperti getRequestJson dan dikarenakan isi view getRequestXml sama dengan getRequestJson maka akan muncul tampilan seperti ini
Selesai
Membuat Fungsi Untuk Mengakses Web Service JSON (Post Request)
Untuk membuat fungsi mengakses Web Service JSON (Post Request) bisa mengikuti tutorial berikut ini.
1. Buka kembali file routes.php dan tambahkan routes baru seperti ini
2. Lalu buka file PostController.php dan tambahkan fungsi postRequestJson lalu tambahkan kode seperti ini
Perlu diperhatikan bahwa untuk memasukan data harus menggunakan atribut data yang berasal dari aplikasi server dan apabila menggunakan validasi di aplikasi server maka harus diterapkan juga validasi nya di aplikasi client dan bagi yang belum tau mengenai PHP Lumen Validation bisa melihat tutorialnya disini
3. Lalu dari controller akan mereturn view dengan nama postRequestJson maka di folder posts buat file baru dengan nama postRequestJson.php dan tambahkan kode seperti ini
4. Lalu lakukan pemanggilan link sama seperti getRequestJson dan getRequestXml maka akan muncul tampilan seperti ini
Apabila kita merefresh browser maka akan dilakukan input data baru dengan id yang berbeda dikarenakan autoincreament dan apabila ingin mengubah data nya maka pada array di controller ubah data misalkan pada content atau title seperti gambar dibawah ini tetapi tetap harus mengikuti validasi dari aplikasi server
Lalu apabila dilakukan refresh pada browser maka data baru akan di inputkan
Selesai
Komentar
Posting Komentar