Integrasi Mock API dengan Aplikasi

Nah pada kesempatan di pertengahan maret 2018 kali ini, gue pengen berbagi gimana cara sih integrasi dari MockAPI kedalam aplikasi kita, just for info postingan gue kali ini lanjutan dari postingan pengenalan MockAPI dari mas Rukaan dan dapat di lihat disini :

Quick Backend Menggunakan MockAPI

Setelah lu bikin akun dan resource, lu bisa lihat method dan penggunaan apa saja yang harus di penuhi untuk mengeksekusi resource API yang sudah anda buat.

( method dan cara penggunaannya )

Setelah lu buat segala macam API tersebut lu tinggal panggil di aplikasi lu dengan HTTP protocol :

( memanggil mockAPI menggunakan vue.js )

dan Method nya lu bisa panggil menggunakan ajax ataupun lainnya.

( nambahin method untuk di terapkan di aplikasi ( service ) )

dan jangan lupa lu binding ke halaman HTMLnya, masing masing framework berbeda beda caranya ( angularjs, angular, react.js, vue.js, dll ) , dan apabila ingin menggunakan method seperti POST, PUT, dan DELETE, dapat di masukkan terlebih ke dalam function serta function tersebut baru di integrasiin ke HTMLnya beserta param yang akan di lempar :

( integrasi ke html menggunakan framework vue.js )

( data yang dilempar sebagai parameter untuk di integrasikan kedalam function )

dan setelah lu ngelakuin hal di atas, bisa di coba di aplikasi yang sedang anda jalankan dan develop :

( tampilan aplikasi dengan GET yang sudah di integrasikan dengan service API dari mockAPI )

dan di bawah ini contoh apabila menggunakan method POST :

( Tampilan pengisian form untuk di add )

Dan dibawah ini adalah hasil setelah action di atas :

( Tampilan setelah di add )

Cukup mudah bukan ?? semua yang membatasi adalah pengetahuan dari diri anda sendiri.
jadi.. keep coding and keep learning.

Sekian Postingan saya dalam kesempatan kali ini.

Reference :--------------------

MockAPI.io

Postingan sebelumnya oleh Rukaan

Rapid Application Development with Spring Roo

Di dalam proses pembuatan software, sering kali kita mendengar RAD. RAD adalah Rapid Application Development, metodology pengembangan perangkat lunak yang menggunakan template prototyping. Dengan adanya template prototyping yang di buat oleh framework, akan mempercepat (Rapid) proses development. Dari itu semua, yang terpenting adalah mudah untuk di modifikasi yang disesuaikan dengan kebutuhan developer.

Banyak sekali framework RAD yang ada di pasaran. Salah satunya adalah Spring Roo. Spring Roo adalah salah satu web framework yang di buat dengan bahasa pemrograman java. Spring Roo dinaungi oleh Spring.

Kenapa harus Spring Roo, karena :

1. Mempercepat produktifitas.
2. Standart Java API.
3. Mudah digunakankan.

Untuk lebih mengenal Spring Roo, mari kita membuat aplikasi sederhana berdasarkan Class Diagram berikut :

Dari Class Employee ini kita membuat CRUD Operation menggunakan Spring Roo.

Sebelumnya pastikan kita sudah menginstall Spring Roo. Jika belum terinstall lakukan langkah berikut :

1. Download Spring Tool Suite (STS) disini
2. Jalankan STS-nya
3. Pilih Help - Marketplace
4. Tulis Roo pada di bagian Find
5. Klik Install untuk menambahkan add-on Spring Roo
6. Klik confirm
7. Pilih I accept untuk melanjutkan proses instalasi.
8. Klik Finish dan tunggu hingga proses instalasi selesai

Selanjutkan kita akan membuat aplikasi dengan Spring Roo. Ikuti langkah-nya sebagai berikut :

1. Buka STS aplikasi.
2. Klik File - New
3. Pada bagian Wizards, tulis roo lalu tekan Enter
4. Project Name: Employee
5. Top level package name: com.demo
6. Klik tombol Next lalu klik tombol Finish
7. Ketik jpa setup --database MYSQL --provider HIBERNATE pada bagian Roo Shell
8. Untuk setting database, bisa kita lakukan di database.properties yang terletak di Employee/src/main/resources/META-INF/spring
9. Ketik entity jpa --class ~.domain.Employee --testAutomatically pada bagian Roo Shell
10. Ketik field string --fieldName firstName --notNull --sizeMax 20 pada bagian Roo Shell
11. Ketik field string --fieldName lastName --notNull --sizeMax 20 pada bagian Roo Shell
12. Ketik field string --fieldName email --notNull pada bagian Roo Shell
13. Ketik field date --fieldName joinDate --type java.util.Date --dateFormat SHORT pada bagian Roo Shell
14. Ketik web mvc setup pada bagian Roo Shell
15. Ketik web mvc all --package ~.controller pada bagian Roo Shell
16. Jalankan dengan maven dengan parameter -e clean tomcat:run

Layar Utama

Menambah Data Employee

Daftar dari semua data Employee

Lihat, begitu mudahnya kita membuat aplikasi CRUD (Cread, Read, Update and Delete) dengan menggunakan Spring Roo. Cukup dengan membuat :

1. Domain/Model
2. Controller

Sisanya di tangani oleh Spring Roo.

Itulah sekilas info tentang Spring Roo dan untuk blog kami selanjutkan masih dengan Spring Roo yang berkaitan dengan pembuatan RESTfull Service dari aplikasi diatas. 

Enjoy