Android CRUD menggunakan Flutter dan Rest API

Latar Belakang

Pada artikel kali ini masih terkait dengan pembuatan aplikasi android CRUD dengan berbagai bahasa dan database yang digunakan. Tujuannya untuk memberikan alternatif dalam pengembangan aplikasi android.

Rest API

Sebelumnya saya pernah membahas terkait API testing-website-api-dengan-aplikasi-postman dan di implementasikan ke dalam aplikasi website menggunakan framework Codeigniter dan Laravel. Sekarang saya akan mengimplementasikan ke aplikasi mobile menggunakan flutter. Database yang digunakan adalah mariadb. Sourcecode yang saya jadikan contoh kali ini saya dapat dari teman github.

Untuk mencoba contoh aplikasinya silahkan ikuti langkah-langkah dibawah ini :

1. Daftar dan Login website https://edugi.web.id
2. Ke menu Download dan cari kata kunci : “Flutter”
3. Pertama import database yang saya lampirkan
4. Extract webapi ke htdoc dan sesuaikan koneksinya
5. Jalankan android studi dan buka project yang dilampirkan

final response = await http.get("http://10.0.2.2/webapi/getdata.php");
//final response = await http.get("https://api.yourdomain.com/getdata.php");

Contoh alamat URL API saya adalah seperti diatas, silahkan disamakan atau disesuaikan dengan yang ada di komputer teman-teman. Bisa juga upload ke hosting yang telah disewa.

Website API nya disini masih menggunakan PHP biasa dengan parsing outputnya kedalam format JSON. Untuk pengembangannya teman-teman bisa menggunakan framework Lumen untuk membuat web API seperti yang telah saya bahas di artikel membuat-website-api-dengan-lumen-versi-6

Kendala Android Emulator

Saya telah mengupdate versi Android studio 4.1.1 dan versi Flutternya 1.22.4. Saat saya menjalankan aplikasinya dengan mengakses ke API local dengan alamat IP 10.0.2.2 ternyata tidak bisa. ada notifikasi error :

I/flutter (17219): Bad state: Insecure HTTP is not allowed by platform: http://10.0.2.2/webapi/getdata.php

Setelah bertanya dan mencari informasi di forum, Alhamdulillah saya mendapatkan solusinya dengan menambahkan script di AndroidManifest :

<uses-permission android:name="android.permission.INTERNET"/>
<application
    android:name="io.flutter.app.FlutterApplication"
    android:label="crudflutter"
    android:usesCleartextTraffic="true"
    android:icon="@mipmap/ic_launcher">

Screenshot

Sekian artikel dari saya semoga bermanfaat untuk teman-teman dan Anda semua…aamiin

Bogor, 5-12-2020

KangAgus