Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:ffit:3-jahr:cicd:learningunits:lu13:b [2026/05/26 10:40] – apeter
+++ de:modul:ffit:3-jahr:cicd:learningunits:lu13:b [2026/05/26 11:29] (aktuell) – apeter
@@ Zeile 18: / Zeile 18: @@
 <code bash>
 CURL http://ec2-54-80-83-95.compute-1.amazonaws.com/api/cicd/develop/health
+</code>
+Aber auch bei statischen Frontends kann ein entsprechender Check eingebaut werden, zum Beispiel mit einer JSON-Datei.
+<code json>
+{
+    "message": "online",
+    "color": "green"
+}
+</code>
+<code bash>
+CURL https://alexanderpeter.github.io/ffit-lu08-club-accounting-website/status.json
 </code>
@@ Zeile 29: / Zeile 41: @@
 Eine Auswahl dynamischer Badges finden Sie unter: https://github.com/AlexanderPeter/cicd
-Es ist möglich, Status, Coverage, Versionen, Downloads etc. dynamisch abzufragen und eine entsprechende Bilddatei zu generieren. Diese Möglichkeit können wir nutzen, um einen System-Healthcheck grafisch darzustellen.
+Shields.io erlaubt, dass Farbe, Label, Nachricht Style, Logo etc. beliebig via statischen URL-Parametern und dnamischen JSON-Werten gesetzt werden können. https://shields.io/badges/dynamic-json-badge
+Dadurch istes  möglich, Status, Coverage, Versionen, Downloads etc. dynamisch abzufragen und eine entsprechende Bilddatei zu generieren. Diese Möglichkeit können wir ebenfalls nutzen, um einen System-Healthcheck grafisch darzustellen.
+Bei folgendem Beispiel wird immer "🌐 Frontend status" als Label verwendet. Ein separater Style oder ein Logo wird nicht verwendet. Die Farbe und die Nachricht werden von dem JSON mit der angegebenen URL geholt.
+<code md>
+![Frontend status](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Falexanderpeter.github.io%2Fffit-lu08-club-accounting-website%2Fstatus.json&query=message&label=%F0%9F%8C%90%20Frontend%20status&color=color)
+</code>
+Je nachdem, ob die JSON-Datei gefunden werden kann, erscheint dadurch automatisch eine der folgenden Anzeigen:
+{{ :de:modul:ffit:3-jahr:cicd:learningunits:lu13:status_offline.svg |}} {{ :de:modul:ffit:3-jahr:cicd:learningunits:lu13:status_online.svg |}}
+Dies erlaubt das Bauen simpler Dashboards.