Icecreaminventory Frontend - HeinrichKnauf/Icecreaminventory-Doku GitHub Wiki

Das Frontend verwendet Angular und Typescript. Als Entwicklungsumgebung bietet sich Visual Studio Code an.

Die Dokumentation geht davon aus, dass auf einem Entwicklungssystem die gesamte Software im Verzeichnis icecreaminventory-fontend-master abgelegt ist, d.h. auf einem Linux-System im Home-Verzeichnis:

~/icecreaminventory-fontend-master/

Die vollständige Installation der Entwicklungs-, Frontend- und Backend-Software ist hier beschieben.

Frontend auf dem Entwicklungsrechner ausführen

Dieses Verfahren ist während der Entwicklung des Frontend empfehlenswert. Mit dem Browser kann man dann über den Port 4200 auf das Icecreaminventory zugreifen: localhost:4200.

Über die Konsole:

cd ~/icecreaminventory-fontend-master/

ng serve

Das Frontend muss normalerweise nicht separat ausgeführt werden (weder auf einem Raspi (wo das aus Speicherplatzgründen gar nicht geht) noch auf einem Entwicklugnsrechner, denn das Frontend wird als fertiges Softwarepaket (im Verzeichnsi /static) vom Backend präsentiert, da es dort im Verzeichnis /static vorliegt.

Softwarepaket für Spring, Backend und Raspi erzeugen

Das Softwarepaket für das Raspi wird auf dem Entwicklungsrechner über die Konsole erzeugt:

cd ~/icecreaminventory-fontend-master/

ng build --prod --aot=false

Danach befinden sich alle Dateien, die für das Raspi benötigt werden, im Untervezeichnis dist/.

Für die Installation auf dem Raspi: Diese Dateien werden mit Administratorrechten ins Verzeichnis /root/static/ des Speichermediums (SD-Karte) kopiert, das für das Raspi vorgesehen ist.

Für die Installation auf einem Entwicklungsrechner: Auf einem Entwicklugsrechner werden diese Dateien in das Verzeichnis /static des Backend-Softwarepakets von Hand kopiert, z.B. nach ~/icecreaminventory-backend-master/static.

Das Icecreaminventory-backend bringt einen Tomcat-Server mit, der diese Website präsentiert. Mit dem Browser kann man dann über den Port 8090 auf das Icecreaminventory zugreifen: localhost:8090. Dadurch ist keine weitere Frontend-Konfiguration oder kein spezieller Softwarestart für das Frontend auf dem Raspi nötig, insbesondere kein ng serve!