Membuat Wrapper Global Function API di Flutter
Halo sobat medium dimana pun berada, perkenalkan saya Hanif disini saya akan membagikan tips, bagaimana cara membuat wrapper global function API.
Disini saya akan menjelaskan kenapa kita harus menggunakan wrapper global function API?
1. Permasalahan
Kebanyakan dari teman-teman saat melakukan fetching data selalu memulainya dengan cara membuat function API dihalaman UI yang sama, sehingga membuat terjadinya pengulangan code yang signifikan seperti contoh di bawah ini:
2. Tujuan
Kita akan coba membuat wrapper function API secara global agar bisa meminimalisir line of code dan juga membuat code lebih efisien. Disini saya akan membuat studi kasus aplikasi flutter yang menampilkan data bitcoin yang di ambil dari API open source, https://www.coingecko.com/en/api, oke langsung saja.
3. Langkah-langkah
a. Teman-teman di pastikan sudah menginisiasi flutter project terlebih dahulu
b. Coba tambahkan 1 dependencies, di dalam pubspec.yaml, yaitu : http
c. Tambahkan beberapa folder dan file, didalam lib, seperti: services dan utils.dart.
d. Tambahkan code ini didalam file base_client.dart. File ini berfungsi untuk inisiasi awal, saat melakukan fetching data
e. Tambahkan code ini, di dalam file exception.dart. File ini berfungsi untuk pengecekan exception handlers jika terjadi error
f. Setelah itu sesuaikan code ini di dalam file main.dart. File ini berfungsi sebagai root project flutter saat inisiasi awal
g. Terakhir tambahkan code ini dalam file utils.dart. File ini menyimpan base URL dari API crypto
h. Coba teman-teman, running aplikasinya, dan hasilnya akan seperti ini
Dari saya mungkin sekian semoga dapat membantu teman-teman. Bisa di follow juga akun medium saya, agar teman-teman mendapat update terbaru dari artikel-artikel saya. Di tunggu saja artikel selanjutnya, saya akan update kembali… Terima kasih.