Rabu, 22 April 2020

Cara Instal Dan Konfigurasi Flutter Di Ubuntu

Tags

install_flutter_ubuntu

Flutter sebagai SDK pengembangan aplikasi mobile open-source yang dibuat oleh Google semakin mendapat perhatian dari pengembang saat ini. Flutter digunakan untuk mengembangkan aplikasi untuk Android dan iOS, serta menjadi metode utama untuk membuat aplikasi untuk Google Fuchsia (sistem operasi baru yang sedang dikembangkan oleh Google). Di sini saya akan menjelaskan langkah-langkah untuk menginstal Flutter di sistem Ubuntu.

Sebenarnya untuk instalasi Flutter di Ubuntu sudah dijelaskan di halaman dokumentasi Flutter. Tetapi saya menghadapi beberapa masalah ketika mengikutinya dan beberapa langkahnya sedikit membingungkan. Inilah alasan di balik pembuatan tutorial ini. Namun, jika ingin mencoba mengikuti panduan dari dokumentasi resmi, silahkan ikuti tautan di bawah ini. Ikuti langkah-langkahnya.


Install JDK

Biasanya, aplikasi Android native dibangun menggunakan Java. Jadi Java Development Kit (JDK) diperlukan.

Java Development Kit (JDK) adalah lingkungan pengembangan perangkat lunak yang digunakan untuk mengembangkan aplikasi dan applet Java. Ini termasuk Java Runtime Environment (JRE), interpreter/loader (java), kompiler (javac), archiver (jar), generator dokumentasi (JavaDoc) dan alat-alat lain yang diperlukan dalam pengembangan Java.

JDK dapat diinstal pada sistem Ubuntu dengan perintah di bawah ini.

$ sudo add-apt-repository ppa:openjdk-r/ppa
$ sudo apt-get update
$ sudo apt-get install openjdk-8-jdk

Instal dan Konfigurasi Android Studio

Untuk pengembangan aplikasi untuk setiap sistem operasi sudah tersedia Integrated Development Environment (IDE). Microsoft Visual Studio adalah IDE untuk mengembangkan aplikasi Windows dan Xcode adalah IDE untuk mengembangkan aplikasi macOS dan iOS. Nah disini, Android studio adalah IDE resmi untuk mengembangkan aplikasi Android.

Untuk panduan ini kita akan mengembangkan aplikasi menggunakan kerangka Flutter dengan bahasa Dart. Tetapi aplikasi Android hanya dapat dibangun menggunakan Java. Jadi, tugas framework Flutter adalah hanya mengonversi kode Dart ke kode Java.

Kode Java ini akan menjangkau tool-tool di studio Android dan dari sana, aplikasi akan dibuat dan dijalankan di mesin Virtual atau perangkat seluler apa pun.

Untuk cara instal Android Studio di Ubuntu atau distro linux debian-based, silahkan baca postingan ini

Konfigurasi Environment variable ANDROID_HOME

Environment variable adalah variabel sistem global yang dapat diakses oleh semua proses yang berjalan di bawah Sistem Operasi (OS). Beberapa proses pengembangan yang berjalan di sistem perlu mengakses variabel sistem, dan kita perlu membuat environment variable untuknya.

Jadi buka file .bash_profile menggunakan nano editor.

$ sudo nano $HOME/.bash_profile

Cukup salin dan tempel kode di bawah ini di dalamnya.

$ export ANDROID_HOME=$HOME/Android/Sdk  export
$ PATH=$PATH:$ANDROID_HOME/tools  export
$ PATH=$PATH:$ANDROID_HOME/platform-tools

Gunakan pintasan keyboard di bawah ini untuk menyimpan file.

Press Ctrl + O (Write out)
Press Enter
Press Ctrl + x (exit)

Instal Flutter Plugin di Android Studio

Step ini merupakan langkah opsional untuk menginstal plugin Flutter di Android Studio. Tetapi step ini akan membantu jika sedang mengembangkan proyek Flutter menggunakan Android Studio. Proses ini juga menginstal plugin Dart yang diperlukan untuk pengembangan Flutter. Caranya, jalankan Android Studio Welcome Window.

Lalu pergi ke, Configure -> Plugin

Sekarang, Cari Flutter dan Instal. Diperlukan restart untuk Android Studio untuk mengaktifkan plugin ini.

Instal dan Atur Flutter SDK

Sekarang kita perlu menginstal dan mengatur Flutter SDK. Untuk mulai membuat proyek Flutter, Flutter Software Development Kit (SDK) diperlukan. Silahkan instal dengan langkah-langkah di bawah ini.

Pertama, kita harus mengunduh Flutter SDK dari situs resmi.

Flutter - Instalasi Linux

Unduh file tar.xz dengan mengklik tombol.

flutter_sdk


Saat artikel ini ditulis kita akan mengunduh file flutter_linux_v1.12.13 + hotfix.9-stable.tar.xz. Nama file dapat bervariasi dengan rilis terbaru. Lanjut...Saya berasumsi bahwa file yang diunduh ada di direktori Download. Sekarang ekstrak file terkompresi ini menggunakan perintah terminal di bawah ini:

$ tar xf ~/Downloads/flutter_linux_v1.9.1+hotfix.6-stable.tar.xz

Menambahkan Flutter ke Sistem Path:

$ export PATH=`pwd`/flutter/bin:$PATH
$ source $HOME/.bash_profile

Untuk userspace (non-kernel) software, Google / Android lebih memilih Apache 2.0 (dan lisensi serupa seperti BSD dan MIT) daripada lisensi lain seperti Lesser General Public License (LGPL). Inilah mengapa tujuan Android adalah untuk mempromosikan keterbukaan di dunia seluler, dan mereka tidak dapat mendikte semua penggunaan untuk perangkat lunak mereka.

Jadi, kita perlu menerima beberapa lisensi untuk memulai pengembangan dengan Flutter. Cukup jalankan perintah di bawah ini dan terima semua lisensi dengan menekan y.

$ flutter doctor --android-licenses

Update Path secara Permanen

Kita telah menambahkan variabel Path sebelumnya. Tetapi hanya berlaku untuk jendela terminal saat ini. Kita harus menjalankan perintah di bawah ini untuk membuatnya permanen.

$ export PATH=Downloads/flutter/bin:$PATH

Membuat Aplikasi Baru

Membuat aplikasi baru di Flutter dapat dilakukan dengan tiga metode. Menggunakan plugin Android Studio, plugin kode VS, atau menggunakan metode Terminal + Editor. Di sini, saya akan menggunakan metode ketiga (Terminal + Editor).

$ flutter create awesome_project

Memilih Kode Editor

Kita dapat memilih kode editor favorit masing-masing untuk mengedit file-file proyek. Kali ini saya memilih Visual Studio Code (Karena secara langsung mendukung plugin Flutter).


Dari tautan di atas, kita dapat mengunduh file .deb VS Code yang kompatibel dengan Ubuntu / Debian. File deb ini dapat diinstal dengan klik dua kali pada Ubuntu.

Setelah menginstal VS Code, langsung ke folder proyek.

$ cd awesome_project

Buka proyek menggunakan VS Code dengan mengetik perintah di bawah ini.

$ code .

Mulai sekarang dan seterusnya, kita dapat menggunakan Terminal VS Code daripada Terminal asli Ubuntu karena kita dapat menggunakan Terminal tanpa keluar dari VS Code.
(Pergi ke View -> Integrated Terminal dari menubar teratas VS Code)

Menjalankan Aplikasi di Perangkat Android

Sekarang coba jalankan proyek di ponsel Android kita. Di perangkat seluler, Pergi ke Setting-> About. Disitu kita dapat melihat menu Build Version. Klik opsi secara terus-menerus hingga mengaktifkan opsi Pengembang

Sekarang, kembali ke Pengaturan. Kita dapat melihat menu Opsi pengembang di sana. Aktifkan. Juga, aktifkan opsi USB debugging di dalamnya.

Hubungkan perangkat seluler dengan sistem Ubuntu menggunakan port USB. Ketikkan perintah di bawah ini untuk memeriksa apakah perangkat seluler terhubung atau tidak.

$ flutter devices

Jika terhubung, dari terminal VS Code, jalankan:

$ flutter run

Perintah di atas akan menginstal dan membuka aplikasi yang baru dibuat di perangkat Android yang terhubung.

flutter_demo_device


EmoticonEmoticon