Tutorial Flutter on the Web

Tutorial Flutter on the Web

Flutter.id – Assalamualaikum pejuang koding, pada tutorial kali ini kita akan belajar mengenai Flutter on the web. Jika biasanya kita membuat website dengan bahasa PHP. Sekarang kita akan mencoba membuat website dengan Flutter.

Flutter On The Web

Berikut referensi Flutter Web

  1. Website Flutter.dev/web
  2. Github Bring your Flutter code to web browsers 

1. Membuat Project Flutter

Pastikan kamu sudah Install Flutter di Laptop kamu. Jika belum, kamu dapat ikuti langkah langkah nya pada website resmi flutter.

Disini saya menggunakan Visual Studio Code / VSCode, Silahkan buka VSCode, klik menu View > Command Pallete atau tekan Ctrl + Shift + P, lalu ketikan flutter, dan pilih New Web Project

New Web Project
masukan nama project

beri nama project “hello_world” dan pilih lokasi penyimpanan project, kemudian tunggu hingga project selesai di build.

membuat project baru, dibutuhkan internet aktif

2. Menambahkan Plugin WebDev

Masukan perintah CLI Flutter pada terminal untuk menambahkan plugin webdev pada project flutter.

flutter packages pub global activate webdev

flutter packages upgrade

Tunggu sampai proses selesai

3. Menjalankan Web Flutter

webdev serve

dart incompatible

Jika ada error, jalankan perintah

pub get

Ketikan “web dev” lagi

Buka Browser, dan ketikan alamat : http://127.0.0.1:8080/#/

Flutter jalan di Web Browser

untuk menghentikan web, silahkan klik Ctrl + C , lalu ketik Y

Semoga Bermanfaat.

Flutter Developer