• Kategori Tulisan

  • Masukkan alamat email Anda untuk berlangganan blog Ri32 dan menerima pemberitahuan posting baru melalui email anda. Jika sudah bosan silahkan unsubscript.
    Terima kasih... : )

    Join 859 other followers

  • Web Analytics

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

Cara Instalasi Flutter di Windows


Latar Belakang

Saya sebelumnya sempat membuat beberapa tulisan terkait aplikasi mobile. Namun masih belum fokus mempelajarinya dan kembali lagi ke aplikasi web base.

Sampai saya mengenal Flutter sebagai Mobile App SDK (Software Development Kit) untuk membuat aplikasi Android dan iOS dari satu codebase. Artinya kita hanya perlu mempelajari Flutter untuk membangun aplikasi mobile untuk 2 platform.

Instalasi

Saya sendiri sebenarnya terkendala dengan spesifikasi laptop yg saya miliki. Dengan memori 4GB dan processor AMD cukup pas-pasan untuk belajar development mobile apps. Sehingga saya tidak menggunakan emulator untuk testing. Namun menggunakan USB untuk debug langsung ke handphone yang digunakan. Saya sendiri menggunakan handphone Vivo Y53.

Selanjutnya kita harus mempersiapkan beberapa software yang dibutuhkan seperti dibawah ini :

  1. SDK Flutter dengan mendownload di situs resminya.
  2. SDK Android yang ada di software Android Studio.
  3. Dart sebagai bahasa pemrograman yang digunakan flutter.
  4. Editor Visual Code untuk penulisan coding dan testing flutter.
  5. ADB USB Driver disesuaikan dengan handphone yang digunakan.

Setelah instalasi ada beberapa konfigurasi yang harus dilakukan mulai dari setup variable environment, flutter doctor –android-license, flutter create project, sampai flutter run untuk testing first apps.

Kursus Online

Agar belajarnya lebih terstruktur saya telah membuatkan kursus online “Membuat aplikasi mobile dengan Flutter” yang dapat diakses secara gratis melalui website EDUGI

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

Bogor, 17-04-2020

KangAgus

%d bloggers like this: