Cara GET JSON API Server Menggunakan Retrofit2

Posted on

Cara GET JSON API Server Menggunakan Retrofit2 – Halo semuanya, Setelah sebelumnya saya membuat tutorial mengenai cara set data spinner dari json api server menggunakan retrofit2. Kali ini saya ingin membagikan referensi cara get json API server menggunakan retrofit2, Sebenernya untuk logika dan konsepnya sama dengan artikel sebelumnya hanya saja berbeda pada saat implementasi kedalam komponennya. Di artikel sebelumnya kita meng-set data ke spinner, nah di artikel ini kita akan meng-set data kedalam komponen RecyclerView. Untuk Contok kasusnya kita menggunakan aplikasi Mahasiswa App, GET API disini kita akan mengambil data dosen-dosen yang ada di database server mysql localhost kita.

Cara GET JSON API Server Menggunakan Retrofit2
Cara GET JSON API Server Menggunakan Retrofit2

Persiapan :

Bagaimana Cara GET JSON API Server Menggunakan Retrofit2 ?

Pertama,

Buat empty activity dengan nama DosenActivity.

Kedua,

Buat folder dengan nama model, api, dan adapter.

Ketiga,

Tambahkan depedency-depedency library berikut untuk kebutuhan project kita :

Keempat,

Buka aplikasi postman lalu masukan url berikut kedalam kolom url http://localhost/mahasiswa/semuadosen dan silahkan enter atau klik button send. Setelah agan klik button send itu akan muncul result json yang dihasilkan oleh API. Jika result json sudah berhasil muncul silahkan agan copy semua.

Cara GET JSON API Server Menggunakan Retrofit2

Kelima,

Klik kanan pada folder model –> new –> Generate POJO from JSON –> Namakan class tersebut dengan nama ResponseDosen –> OK lalu tunggu. Jika ada merah silahkan hapus yang merah tersebut.

Keenam,

Buat class baru didalam folder api dengan nama RetrofitClient. Untuk kodenya seperti ini :

Ketujuh,

Buat class interface baru didalam folder api dengan nama BaseApiService. Untuk kodenya seperti ini :

Kedelapan,

Buat class baru didalam folder api dengan nama UtilsApi. Untuk kodenya seperti ini :

Kesembilan,

Buat class baru didalam folder adapter dengan nama DosenAdapter. Untuk kodenya seperti ini :

Catatan :

  •  Jika ada merah di bagian onCreateViewHolder dengan error R.layout.item_dosen biarkan saja terlebih dahulu karena kita belum membuat layout untuk recyclerview tersebut.
  • Fungsi getColor disini untuk mengambil color random dari mColors untuk kita set kedalam imageview.
  • Jangan lupa untuk meng-extends class tersebut dengan RecyclerView.Adapter<DosenAdapter.DosenHolder>

Kesepuluh,

Buka file activity_dosen.xml lalu tambahkan komponen recyclerview. Untuk kode komponennya berikut ini :

Untuk full source di activity_dosen.xmlnya begini :

Kesebelas,

Buat xml baru dengan nama item_dosen.xml lalu masukan kode berikut :

Keduabelas,

Buka DosenActivity lalu tambahkan kode berikut tepat diatas onCreate :

Lalu tambahkan  kode berikut didalam onCreate :

Catatan :

Jika getResultListDosen() masih merah biarkan saja karena kita belum membuat fungsi tersebut.

Lalu buat fungsi bernama getResultListDosen(). Untuk kodenya berikut ini :

Catatan :

Fungsi ini berguna untuk mengambil data dari API Server GET semua dosen lalu jika berhasil mengambil maka data tersebut akan kita set kedalam recyclerview.

Untuk full source DosenActivity kurang lebih begini :

Ketigabelas,

Selesai dan silahkan jalankan aplikasi.

Screenshoot yang telah kita buat tadi :

Cara GET JSON API Server Menggunakan Retrofit2

Download project Cara GET JSON API Server Menggunakan Retrofit2 :

[sociallocker]

Cara GET JSON API Server Menggunakan Retrofit2

[/sociallocker]

Sekian artikel Tutorial Pemrograman Android mengenai Cara GET JSON API Server Menggunakan Retrofit2. Semoga bermanfaat dan jika ada yang ingin ditanyakan silahkan berkomentar dibawah artikel ini ya. Kurang lebihnya saya mohon maap. Hatur Nuhun 🙂

Gravatar Image
Seorang manusia biasa yang mempunyai fokus ke bidang pemrograman android dan ngeblog mengenai teknologi.

One thought on “Cara GET JSON API Server Menggunakan Retrofit2

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.