Dari tutorial yang sebelumnya kita sudah belajar bagaimana membuat login dengan database Mysql menggunakan sebuah web service. Nah disini kita akan mencoba menampilkan data MySql di android studio dengan menggunakan cardview dan RecircleView . Show Ok sebelum melaanjutkan ke materi ini silahkan bagi yang belum mengikuti tutorial sebelumnya agar meencoba terlebih dahulu secara urut, karena tutorial ini lanjutan dari tutrial kemarin antara lain urut : Cara Menampilkan Data dari API ke RecyclerView Android Kotlin - Assalamualaikum, pada tutorial kali ini kita akan kembali mempelajari soal API pada pemrograman android. API atau Applicaiton Programming Interface bisa dibilang merupakan sebuah perantara antara aplikasi dengan database. Pada artikel ini, akan diajarkan cara menampilkan data tersebut ke dalam sebuah recycler view. RecyclerView merupakan sebuah komponen view pada pemrograman android yang bisa diulang penggunaannya / penampilannya. RecylerView membutuhkan sebuah adapter untuk menjembatani data dengan view di android. Mari kita ke tutorial nya. Mempersiapkan APISebelumnya, kita perlu mempersiapkan API yang akan kita gunakan. Funtechsy sudah memberikan tutorial tentang cara membuat rest api menggunakan node js + mysql. Pada tutorial kali ini, kita akan menggunakan api tersebut. Silahkan dibaca dan dibuat dulu api nya ya. Menginstall DependencyBuka Build.Gradle kalian, tambahkan dependensi berikut di baris akhir.
Membuat LayoutKita perlu 2 layout antara lain layout untuk mainactivity dan layout untuk recycler view nya nanti. Layout Main Activity
Layout Items ( Recycler View )
Membuat Model Data ClassBuat sebuah class baru bernama ResponseModel, class ini nantinya akan kita gunakan untuk deserialization dari response json dari API. ResponseModel
Membuat Retrofit Service dan Retrofit ClientBuatlah sebuah class baru bertipe Interface beri nama RService RService.kt
Kemudian buatlah sebuah class baru bertipe Object beri nama RClient RClient
Membuat RecyclerView AdapterAdapter berfungsi untuk menjembatani antara data dari MainActivity ke dalam Layout. RVAdapter.kt
Membuat MainActivityDi MainActivity, kita menginisiasikan class recycler view, class adapter, dan membuat fungsi dari retrofit client untuk mengambil data dari API. Selanjutnya, data response tersebut disalurkan ke adapter untuk ditempel ke dalam view layout. MainActivity.kt
Hasil AplikasiSelesai, kita sudah berhasil menampilkan data dari API Node JS ke dalam recyclerview di android kotlin menggunakan android studio. Silahkan jika ada yang ingin ditanyakan atau kritik dan saran bisa disampaikan lewat kolom komentar ya, terimakasih sudah mengunjungi artikel ini. Sampai jumpa kembali. |