[comment]: # ({d9bf322f-f34132a6})
# 2 Praxisbeispiel

[comment]: # ({/d9bf322f-f34132a6})

[comment]: # ({608fb726-d43d02d4})
#### Überblick

Dieser Abschnitt zeigt ein praxisnahes Schritt-für-Schritt-Beispiel dafür, wie Web-Monitoring eingesetzt werden kann.

Das Zabbix-Web-Monitoring wird verwendet, um das Zabbix Frontend zu überwachen. Ziel ist es festzustellen, ob es verfügbar ist, die richtigen Inhalte bereitstellt und wie schnell es arbeitet. Dazu sind mehrere Schritte erforderlich, darunter die Prüfung der Verfügbarkeit der ersten Seite, die Anmeldung mit Benutzername und Passwort, die Überprüfung des erfolgreichen Logins, das Abmelden und die Bestätigung der Abmeldung.

[comment]: # ({/608fb726-d43d02d4})

[comment]: # ({51af514b-51af514b})
#### Szenario

[comment]: # ({/51af514b-51af514b})

[comment]: # ({a0f82e40-6b72dd59})
##### Ein neues Webszenario hinzufügen

Gehen Sie zu *Datenerfassung → Hosts*, wählen Sie einen Host aus und klicken Sie in der Zeile dieses Hosts auf *Web*.  
Klicken Sie dann auf *Webszenario erstellen*. 

![](../../../assets/en/manual/web_monitoring/new_scenario.png){width="600"}


Füllen Sie im Formular für das neue Szenario die folgenden Felder aus:

- **Name** - Frontend-Prüfung
- **Aktualisierungsintervall** - 1m
- **Versuche** - 1
- **Agent** - Zabbix

Fügen Sie im Abschnitt *Variablen* zwei Variablen hinzu: *{password}* und *{user}*.  
Geben Sie als Werte Ihre vorhandenen Zabbix-Benutzeranmeldedaten ein. 

Aus Sicherheitsgründen wird empfohlen, für Überwachungszwecke einen separaten Benutzer mit minimalen Berechtigungen zu erstellen.

Optional können Sie zur Registerkarte *Tags* wechseln und Webszenario-Tags hinzufügen.

:::notetip
Nach der vollständigen Konfiguration fügt dieses Webszenario dem Host automatisch einen Zabbix-Trapper-Datenpunkt hinzu. 
Sie können Webszenario-Tags verwenden, um zugehörige Datenpunkte und Auslöser schnell zu identifizieren oder die gesammelten Daten zu durchsuchen. 
Geeignete Tags für dieses Tutorial sind beispielsweise `component: web-scenario` und/oder `target: frontend`. 
:::

[comment]: # ({/a0f82e40-6b72dd59})

[comment]: # ({86824bcb-475cbb1a})
##### Webszenario-Schritte konfigurieren

Wechseln Sie zur Registerkarte *Steps* und definieren Sie die Schritte für das Szenario. Klicken Sie auf die Schaltfläche *Add*, um einen einzelnen Schritt hinzuzufügen.

[comment]: # ({/86824bcb-475cbb1a})

[comment]: # ({75dcae2e-d4aa4f48})
###### Allgemeine Felder

Füllen Sie für jeden unten beschriebenen Schritt zusätzlich zu den schrittspezifischen Feldern die folgenden Felder aus:

- **URL** - die URL des Zabbix-Frontends
- **Timeout** - 15s
- **Erforderliche Statuscodes** - 200

[comment]: # ({/75dcae2e-d4aa4f48})

[comment]: # ({40559ed2-c26001e1})
###### Web-Szenario Schritt 1

Prüfen Sie, dass die erste Seite korrekt antwortet, den HTTP-Antwortcode 200 zurückgibt und den Text "Zabbix SIA" enthält.

- Geben Sie im Feld **Name** *First page* ein.
- Geben Sie im Feld **Required string** *Zabbix SIA* ein.
- Füllen Sie die [allgemeinen Felder](#common-fields) aus.

Wenn Sie mit der Konfiguration des Schritts fertig sind, klicken Sie auf die Schaltfläche *Add*.

![](../../../assets/en/manual/web_monitoring/scen_step1.png){width="600"}

[comment]: # ({/40559ed2-c26001e1})

[comment]: # ({713aa628-f896c160})
###### Web-Szenario Schritt 2

Melden Sie sich im Zabbix Frontend mit den auf Szenarioebene definierten Makros (Variablen) - *{user}* und *{password}* - an.

- Geben Sie im Feld **Name** *Login* ein.
- Fügen Sie im Abschnitt **Post fields** drei Postfelder hinzu:
    - *name* mit dem Wert *{user}*
    - *password* mit dem Wert *{password}*
    - *enter* mit dem Wert *Sign in*
- Fügen Sie im Abschnitt **Variables** eine neue Variable *{csrf_token}* mit dem Wert *regex:([0-9a-z]{64})* hinzu.
  Diese Variable erfasst den Wert des zugewiesenen CSRF-Tokens, damit er in [Schritt 4](#web-scenario-step-4) wiederverwendet werden kann.
- Füllen Sie die [allgemeinen Felder](#common-fields) aus.

![](../../../assets/en/manual/web_monitoring/scen_step2.png){width="600"}

::: noteimportant
Beachten Sie, dass das Zabbix Frontend beim Anmelden eine JavaScript-Weiterleitung verwendet. Daher muss die Anmeldung zuerst erfolgen, und angemeldete Funktionen können nur in weiteren Schritten überprüft werden. Außerdem muss der Anmeldeschritt die vollständige URL zur Datei **index.php** verwenden.
:::

[comment]: # ({/713aa628-f896c160})

[comment]: # ({635690e6-1a116229})
###### Web-Szenario Schritt 3

Nach der Anmeldung überprüfen Sie den Erfolg, indem Sie nach einer Zeichenfolge suchen, die nur im angemeldeten Zustand sichtbar ist - zum Beispiel *Administration*.

- Geben Sie im Feld **Name** *Login check* ein.
- Geben Sie im Feld **Required string** *Administration* ein.
- Füllen Sie die [gemeinsamen Felder](#common-fields) aus.

![](../../../assets/en/manual/web_monitoring/scen_step3.png){width="600"}

[comment]: # ({/635690e6-1a116229})

[comment]: # ({06efb3e5-834e4858})
###### Web-Szenario Schritt 4

Nachdem die Zugänglichkeit und die Anmeldung des Frontends überprüft wurden, fügen Sie einen Abmeldeschritt hinzu - andernfalls wird die Zabbix-Datenbank mit vielen offenen Sitzungsdatensätzen überfüllt.

- Geben Sie im Feld **Name** *Logout* ein.
- Fügen Sie im Abschnitt **Post fields** zwei Postfelder hinzu:
    - *reconnect* mit dem Wert *1*
    - *\_csrf_token* mit dem Wert *{csrf_token}*.
- Füllen Sie die [allgemeinen Felder](#common-fields) aus.

Dieser Schritt verwendet die Variable {csrf_token}, die in [Schritt 2](#web-scenario-step-2) ermittelt wurde

![](../../../assets/en/manual/web_monitoring/scen_step4.png){width="600"}

[comment]: # ({/06efb3e5-834e4858})

[comment]: # ({5bdfc52a-cff4750f})
###### Web-Szenario Schritt 5

Um die Abmeldung zu bestätigen, prüfen Sie auf die Zeichenfolge **Username**.

- Geben Sie im Feld **Name** *Logout check* ein.
- Geben Sie im Feld **Required string** *Username* ein.
- Füllen Sie die [gemeinsamen Felder](#common-fields) aus.

![](../../../assets/en/manual/web_monitoring/scen_step5.png){width="600"}

[comment]: # ({/5bdfc52a-cff4750f})

[comment]: # ({2b6fe488-8ef2e8b2})
###### Vollständige Konfiguration der Schritte

Eine vollständige Konfiguration der Schritte eines Webszenarios sollte wie folgt aussehen:

![](../../../assets/en/manual/web_monitoring/scenario_steps.png){width="600"}

[comment]: # ({/2b6fe488-8ef2e8b2})

[comment]: # ({c2a12418-3e213338})
##### Prüfen Sie die Ergebnisse

Speichern Sie das fertiggestellte Webüberwachungsszenario.

Das Szenario wird dem Host hinzugefügt. Um Informationen zum Webszenario anzuzeigen, gehen Sie zu *Überwachung → Hosts*, suchen Sie den Host in der Liste und klicken Sie in der letzten Spalte auf den Web-Link.

![](../../../assets/en/manual/web_interface/web_monitoring.png){width="600"}

Klicken Sie auf den Namen des Szenarios, um detailliertere Statistiken anzuzeigen:

![](../../../assets/en/manual/web_interface/scenario_details2.png){width="600"}

[comment]: # ({/c2a12418-3e213338})
