Cara Menjalankan di Android (Emulator/Device) atau iOS (Simulator) Untuk Flutter

Menjalankan di Android (Emulator/Device) atau iOS (Simulator)


Sebelumnya kita telah berhasil instal flutter SDK, IDE, dan membuat project baru berdasarkan IDE yang digunakan. 

Sekarang kita akan mulai belajar cara menjalankan project Android menggunakan emulator atau device, maupun project iOS dengan menggunakan simulator.

Menjalankan di Android

Kita akan menggunakan project Flutter yang telah dibuat sebelumnya untuk dijalankan di emulator atau device Android. Ada beberapa hal yang perlu diperhatikan untuk dapat menjalankan project-nya, uraiannya adalah sebagai berikut:

Android Emulator

Sebelum menggunakan emulator, Anda perlu memastikan beberapa syarat. 
  1. Virtualization
    Untuk menjalankan emulator di dalam Android Studio, pastikan aspek virtualization. Sistem Anda harus memenuhi persyaratan, yakni ketentuan prosesor dan sistem operasi dari laptop/PC yang Anda gunakan.
  2. Processor
    1. Intel: Jika Anda menggunakan processor Intel, maka pastikan bahwa processor tersebut mendukung Intel VT-X, Intel EM64T (Intel 64), dan Execute Disable (XD) Bit functionality.
      Processor Intel mampu menjalankan emulator di sistem operasi Windows, Linux, mau pun MacOS.
    2. AMD: Jika Anda menggunakan AMD, maka pastikan bahwa ia mendukung AMD Virtualization (AMD-V) dan Supplemental Streaming SIMD Extensions 3 atau yang biasa disebut dengan SSSE3.
      Processor AMD hanya bisa menjalankan emulator di sistem operasi Linux.

Persiapan Running menggunakan Emulator

  1. Untuk menjalankan aplikasi, klik menu Tools lalu pilih AVD Manager, kemudian akan muncul halaman seperti ini.
    202006151257289cd6a72fb2c096c5f57b7b82c6418306.jpeg
    Mari kita coba buat emulator baru dengan memilih Create Virtual Device.
  2. Halaman Select Hardware akan muncul.
    Jika Anda ingin membuat spesifikasi hardware (perangkat keras) sendiri, pilih New Hardware Profile. Anda dapat menentukan konfigurasi hardware sesuai dengan kebutuhan Anda. Ingatlah untuk menggunakan konfigurasi emulator yang sesuai dengan kemampuan laptop atau komputer yang Anda gunakan. Setelah itu klik Next.
  3. Halaman System Image akan muncul.
    Pada halaman ini Anda akan memilih versi Android dari emulator yang akan Anda buat. Pilih versi yang sudah diunduh yaitu Pie. Lihat tombol download di sebelah kanan. Anda perlu mengunduh terlebih dahulu jika ingin menggunakannya. Setelah itu klik Next.
  4. Halaman Verify Configuration akan muncul.
    Pada halaman ini Anda bisa mengubah konfigurasi hardware yang telah ditentukan sebelumnya. Tekan tombol Show Advanced Setting pada bagian kiri bawah. Jika sudah selesai, klik Finish. Pengaturan emulator sudah selesai dan bisa langsung dijalankan. Anda dapat membuka emulatornya dengan menekan tombol hijau yang ada di sebelah kanan.

Android Device

Selain menggunakan Android Emulator, Anda juga dapat melakukan run atau debugging menggunakan perangkat smartphone asli. 
Jalankan dengan menggunakan perangkat fisik memiliki beberapa kelebihan jika dibandingkan dengan emulator, yaitu:
  • Lebih cepat,
  • Lebih ringan, dan
  • Lebih mudah.
Dengan menggunakan peranti smartphone asli, kita dapat memastikan bahwa aplikasi kita berjalan dengan wajar ketika sudah sampai di tangan pengguna. 
Kendala dari pendekatan ini adalah beragamnya model peranti yang ada di pasaran. Namun, pembahasan mengenai hal tersebut tidak tercakup dalam kelas ini.
Mari ikuti langkah-langkah untuk menjalankan proses run atau debugging. Tampilan dari langkah berikut bisa dipastikan akan berbeda dengan peranti yang Anda pakai. Akan tetapi secara garis besar langkahnya akan sama.
  1. Pastikan peranti yang akan dipakai sesuai dengan target SDK atau paling tidak mendukung versi SDK terendah yang digunakan aplikasi.
  2. Buka setting dan masuk ke dalam menu About. Pada halaman menu ini, Anda perlu menemukan informasi tentang Build number.
    202006151301370ce94d41ec05258908013a29945c5e7a.jpeg20200615130138a856912cf4c0da2a20cb91a98f77a2dd.jpeg202006151301373cf03697adff29ea5e41adf742488b6e.jpeg
  3. Kemudian tekan Build number sebanyak 7 kali.
    20200615130138f12d4337d64c331fe4ce34ffdee30213.jpeg20200615130137316bbb6f36b96195af3ec03142732582.jpeg
  4. Kembali ke menu setting di awal dan akan muncul menu baru di bawah about yaitu Developer Options.
    20200615130140a9ee6a49d93ee4affc1326bbb958db2f.jpeg
  5. Masuk ke dalam menu Developer Options dan pastikan opsi USB Debugging Mode sudah dalam keadaan On.
    202006151301372b188edf381bb0116732376c8681c574.jpeg
  6. Setelah menyelesaikan pengaturan pada peranti, peranti pun dapat dihubungkan dengan laptop atau komputer yang Anda pakai.
Catatan: Beberapa vendor smartphone memiliki sistem operasi yang unik. Tampilan setting dan letak opsi bisa jadi tak sama dengan gambar di atas. Beberapa vendor juga mengharuskan Anda untuk mengunduh driver khusus sebelum bisa menghubungkannya ke Android Studio. Kami sarankan untuk mengunjungi website atau membaca petunjuk yang sesuai dengan vendor dari peranti Anda.

Menjalankan di iOS

Kita akan menggunakan project Flutter yang telah dibuat sebelumnya untuk dijalankan di iOS simulator. Ada beberapa hal yang perlu diperhatikan untuk dapat menjalankan project-nya, uraiannya adalah sebagai berikut:

iOS Simulator

iOS Simulator atau Simulator adalah aplikasi yang digunakan untuk menjalankan aplikasi iOS. Simulator merupakan aplikasi bawaan dari XCode.
Selain dari Simulator, sebenarnya kita bisa menggunakan device iphone asli. Akan tetapi untuk menjalankan di device asli kita memerlukan akun developer Apple. 
Jadi untuk menyederhanakan masalah, di modul ini hanya akan diajarkan dengan media Simulator saja.
Ikuti langkah berikut ini untuk membuka Simulator:
  1. Buka terminal dan jalankan kode berikut ini:


    1. open -a Simulator




  2. Akan muncul secara otomatis aplikasinya, contohnya seperti gambar di bawah ini:
    20200615183418748ec5eb05066ff786da4e119f6ef1c6.png
  3. Pastikan Simulator yang Anda jalankan adalah 64-bit (Iphone 5 ke atas), jika belum maka ganti konfigurasinya dengan mengakses lewat Device atau File -> Open Devices (versi terbaru).
Catatan: Contoh di atas diambil dengan MacOS Catalina. Jika Anda menggunakan versi di bawahnya ada kemungkinan perbedaan tampilan.
Setelah mengetahui persiapan sebelum menjalankan project di Android dan di iOS, baik itu di emulator maupun device. Berikut cara untuk menjalankannya di beberapa IDE yang sudah dijelaskan sebelumnya.

  1. Temukan toolbar Android Studio seperti di bawah ini:
    2020061513132096a11d10a36eac133bf67f4ca697bb8a.jpeg
  2. Pada target selector, pilih perangkat Android untuk menjalankan aplikasi. Jika tidak ada yang terdaftar, pilih Tools > AVD Manager dan buat satu emulator di AVD Manager.
    20200615131321fd1298fdababe1882bac03152118db2c.jpeg 
  3. Klik ikon run pada toolbar, atau buka item menu Run > Run ‘main.dart’.
    20200615131321f01a25178e0ebd7ea5782eccd19a4d8f.jpeg
  4. Setelah build aplikasi selesai, Anda akan melihat aplikasi starter di perangkat Anda
  5. .202006151313216b8906b7009988b99d47340485564d9d.jpeg
  1. Temukan Status Bar pada bagian paling bawah jendela VSCode :
    202006151313204f1973ee3d7e348c08aaaf8112b0fee6.jpeg
  2. Pilih perangkat di area Device Selector.
    20200615131320e75ccc4a0825a6a089c3ff6d46b38226.jpeg
    1. Jika tidak ada perangkat yang tersedia dan Anda ingin menggunakan simulator perangkat, klik No Device dan luncurkan simulator.
    2. Untuk menyiapkan perangkat nyata (Smartphone pribadi), ikuti petunjuk khusus perangkat pada saat melakukan Install Flutter SDK untuk OS Anda.
  3. Aktifkan Command Line dengan cara pilih Run > Start Debugging atau tekan F5, atau pada kode void main akan muncul run dan debug, atau pada tab Run di bagian kiri.
    20200615131321c96e026a855bb2abac035093eddce859.jpeg

    202006151313223588bfdc750ed037bf828271cb3eca06.jpeg

    2020061513132104f2fc4b8e99da8dbbb4712b143653b7.jpeg
  4. Tunggu hingga aplikasi diluncurkan dan lihat progress dalam tampilan Debug Console.
    2020061513132263e231c3944985e6a1417f9087e0ca9d.jpeg
  5. Setelah build aplikasi selesai, Anda akan melihat aplikasi starter di perangkat Anda.
    20200615132018e5eaf6c4febc71cae4c853acf9210f73.jpeg

  1. Periksa apakah perangkat Android sedang berjalan. Jika tidak ada yang ditampilkan, ikuti petunjuk khusus perangkat pada saat melakukan Install Flutter SDKuntuk OS Anda.

    1. flutter devices


  2. Masuk ke direktori di mana project itu berada.
  3. Jalankan aplikasi dengan perintah berikut:

    1. flutter run


  4. Setelah build aplikasi selesai, Anda akan melihat aplikasi starter di perangkat Anda. Selamat Anda telah berhasil menjalankan aplikasi Flutter pertama Anda!
    20200615132200f52a457bc65ce853e3f53ee8af82806a.jpeg



Komentar

Posting Komentar