Flutter Web-App im Entwicklungsmodus auf Port 8082 ausführen

Voraussetzungen

• Flutter SDK installiert
• Dart SDK (im Flutter SDK enthalten)
• Webbrowser (Chrome empfohlen)

1. Abhängigkeiten installieren

Öffne ein Terminal, wechsle in das Projektverzeichnis und führe aus:

flutter pub get

2. App auf Port 8082 starten

Starte die App mit folgendem Befehl:

flutter run -d chrome --web-port=8082

3. App im Browser öffnen

Rufe im Browser folgende Adresse auf:

http://localhost:8082

Hinweise:

• Ist der Port 8082 belegt, erscheint eine Fehlermeldung – entweder einen anderen Port wählen oder den Port freigeben.
• Hot Reload wird unterstützt. Einfach Änderungen speichern und im Terminal die R-Taste drücken und der Browser updated sich selbst.

Flutter Web-App als Docker Container betreiben

Voraussetzungen

• Docker installiert

1. Web-Build erstellen

flutter build web

Der Build liegt danach im Ordner build/web.

2. Docker-Image bauen

docker build -t drk-invoice-management-frontend .

3. Container starten

docker run -d -p 8082:80 drk-invoice-management-frontend

Zugriff auf die App:

http://localhost:8082

Optional anderer Port:

docker run -d -p 3000:80 drk-invoice-management-frontend

Docker-Image aus .tar Datei laden und verwenden

Im GitHub-Release 1.0.0 liegt eine .tar Datei:

1. Image laden

docker load -i drk-invoice-management-frontend.tar

2. Container aus dem geladenen Image starten

docker run -d -p 8082:80 drk-invoice-management-frontend

Oder mit einem anderen Port:

docker run -d -p 3000:80 drk-invoice-management-frontend

.tar Datei selbst erstellen

docker save -o drk-invoice-management-frontend.tar drk-invoice-management-frontend