Tutorial Flutter Web - Build and Create Web with Flutter until Deploy to Production

on

Hi. Selamat siang. Kali ini kita akan membagikan pengetahuan cara menjalankan perintah / command pada terminal untuk penggunaan Flutter Web. Ikuti langkah berikut ini.
  1. Buka terminal, posisi pada home path : ~
  2. Ketik : source ./bash_profile (press enter)
  3. Membuat project baru : stagehand GoogleBlogger (press enter)
  4. Tambahkan package "dhttpd" ke dalam dependencies project.
  5. Ketik : pub global activate dhttpd (press enter)
  6. Pindah path, misal : cd FlutterProjects/GoogleBlogger/ (press enter)
  7. Ketik : pub get (press enter),
  8. Build untuk previewnya ketik : webdev build -r (press enter)
  9. New version meilhat preview build ketik : dhttpd --path build/ (press enter)
  10. Note : default port in new version is 8080
  11. Old version melihat preview ketik : webdev serve web:7001 -v (press enter)
  12. Pastikan internet anda tidak banyak restriction / hambatan / blokade port ke host luar, karena perintah webdev pada Flutter tidak dapat diakses jika kita menggunakan VPN.
  13. Buka web browser, ketik : localhost:7001 (press enter)
  14. Selesai

Jika webdev kamu tidak berjalan, maka ketik : flutter pub global activate webdev (enter)


Jika stagehand kami tidak berjalan, maka ketik : flutter pub global activate stagehand (enter)
atau : flutter pub global activate stagehand (enter)


Untuk mengecek file dart kamu sudah cukup optimal atau belum, sebelum dinaikan ke production, maka ada command atau perintah spesial di dart, cukup mengetik : dartanalyzer lib web (enter)
  • dartanalyzer -> nama command
  • lib dan web -> adalah nama directory atau folder
Contoh lain misal cuma mau menganalisa directory lib saja, maka cukup ketik command berikut ini : dartanalyzer lib (enter)

Catatan untuk package "dhttpd" :
dhttpd --help
-p, --port=<port> The port to listen on. (defaults to "8080")
     --path=<path> The path to serve. If not set, the curret directory is used.
     --host=<host> The hostname to listen on. (defaults to "localhost")
-h, --help Displays the help.

Contoh penggunaan package "dhttpd" :
dhttpd --path build/ --host=127.0.0.1 --port=8081 (press enter)

Konversi Dart to Js :
  • dart2js --fast-startup --minify -O2 -o main.dart.js main.dart (press enter)

Comments

Post a Comment