Get Data with Rest API Retrofit

Berjumpa lagi dengan saya Nanda Adisaputra seorang mahasiswa yang mendalami pemprograman android native. Kali ini saya akan membahas bagaimana menggunakan bahasa Pemprograman Kotlin dan Retrofit untuk membaca data dari server. Serta bagaimana menggunakan Kotlin Extensions dan Anko Commons dalam suatu project Android.

Pada pembahasan tutorial kali ini kita akan belajar menampilkan Data dari API barang di bawah ini

https://shopher.000webhostapp.com/server/api/barang

Adapun langkah -langkah nya untuk Get Data menggunakan Rest API Retrofit sebagai berikut :

1. Create Project

2. Masukkan Library di bawah ini di dalam dependencies build.gradle ( Module App )

3. Tambahkan Kotlin Extension

4. Tambahkan Anko Version

5. Create Package model , activity, adapter dan network

Lakukan hal yang sama untuk membuat package dengan nama activity, network, adapter

6. Pindahkan MainActivity.kt ke package activity

7. Buka aplikasi Postman, masukan api di bawah ini. Kemudian Copy seluruh file JSON. Pastikan laptop anda mempunyai koneksi internet

8. Pastikan anda sudah menginstall plugin RoboPojoGenerator . Generate file JSON yang sudah dicopy di Aplikasi Postman.

9. Create Class Object ApiClient dan Interface ApiService

10. Create Class Adapter

11. Create Class DetailProductActivity

12. Tambahkan Permission untuk bisa akses internet

13. Tambahkan source code di bawah ini ke dalam activity_main.xml

14. Tambahkan source code di bawah ini ke dalam activity_product_detail.xml

15. Create layout item_list.xml

16. Tambahkan source code di bawah ini ke dalam item_list.xml

17. Tambahkan source code di bawah ini ke dalam build.gradle ( Module:app )

18. Tambahkan source code di bawah ini ke dalam Interface ApiService.kt

Klik ALT + Enter untuk Import ProductModel dari class Model

19. Tambahkan source code di bawah ini ke dalam Object ApiClient.kt

Klik ALT + Enter untuk Import BASE_URL dari build.gardle ( Module:App )

20. Tambahkan source code di bawah ini ke dalam ShowAdapter.kt

( Jangan sedih jika banyak yang error seperti di bawah ini )

21. Tambahkan source code di bawah ini ke dalam ShowAdapter.kt

Setelah di Import dengan ALT + Enter maka source codenya akan seperti di bawah ini.

22. Tambahkan source code di bawah ini ke dalam MainActivity.kt

( Jangan sedih jika banyak yang error seperti di bawah ini )

23. Tambahkan source code di bawah ini ke dalam MainActivity.kt

Setelah di Import dengan ALT + Enter maka source codenya akan seperti di bawah ini.

24. Tambahkan source code di bawah ini ke dalam ProductDetailActivity.kt

25. Add to Logo in Mipmap

Kalau dirun hasilnya akan seperti dibawah ini. Pastikan ada koneksi internet untuk dapat menampilkan datanya.

Silahkan teman-teman praktekan sendiri yaa. Jika ada kesulitan atau pertanyaan silahkan bisa kontak-kontak saya disini. Untuk melihat kode lengkapnya, teman-teman bisa lihat di github saya :

NandaAdisaputra/RestApiRetrofit

Sekian tutorial dari saya, semoga bermanfaat….