Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:ffit:3-jahr:cicd:learningunits:lu13:b [2026/05/26 09:30] – apeter
+++ de:modul:ffit:3-jahr:cicd:learningunits:lu13:b [2026/05/26 11:29] (aktuell) – apeter
@@ Zeile 17: / Zeile 17: @@
 <code bash>
-CURL ...
+CURL http://ec2-54-80-83-95.compute-1.amazonaws.com/api/cicd/develop/health
 </code>
-''TODO''
+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>
+==== Shields.io ====
+Github, Gitlab etc. bieten oft bereits Badges an, aber nur beschränkt. Die Webseite https://shields.io/ schafft da Abhilfe und bietet zusätzliche (statische und dynamische) Badges an.
+**Statische Badges**
+Statische Badges sind im Prinzip hardcoded und dienen dazu vom Build unabhängige Informationen darzustellen. Shields.io erlaubt den Inhalt via URL-Parameter zu setzen: https://img.shields.io/badge/any%20text-you%20like-blue
+**Dynamische Badges**
+Eine Auswahl dynamischer Badges finden Sie unter: https://github.com/AlexanderPeter/cicd
+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.