LU05.A01 - Netzwerk

Untersuchen Sie die Netzwerkzugriffe beim Aufruf der Webseite https://it.bzz.ch/demo/network. Beantworten Sie die Fragen bei den einzelnen Schritten direkt in der Moodle-Aufgabe (Textfeld).

Die meisten Webbrowser bieten nützliche Tools für Webentwickler. Nutzen Sie diese Tools um die Netzwerkzugriffe beim Zugriff auf eine Webseite zu analysieren.

Vorgehen

Seite laden

1. Öffnen Sie in Ihrem Webbrowser die Entwicklertools:

2. Wählen Sie den Tab „Network“ oder „Netzwerkanalyse“ aus.

3. Kopieren Sie nun die Adresse https://it.bzz.ch/demo/network.
Falls Sie die Webseite bereits geöffnet haben, laden Sie die Seite neu.

Sie sehen nun, welche Requests der Ihr Browser abgeschickt hat. Wählen Sie die einzelnen Requests aus und analysieren Sie die folgenden Elemente:

Fragen

  1. Auf welche Ressource greift der Browser als erstes zu? Welchen HTTP-Status sendet der Server?
  2. Welche Ressourcen liest der Client. Geben Sie alle Webadressen (URL) an.
  3. Was befindet sich in der Antwort des ersten erfolgreichen Requests?

Daten senden

In der Webseite sind zwei Eingabefelder und ein Button. Geben Sie Ihren Vor- und Nachnamen in die jeweiligen Eingabefelder ein. Klicken Sie den Button [Absenden].

Suchen Sie in der Netzwerkanalyse den neuen Request, der die Daten an den Server geschickt hat. Analysieren Sie:

Fragen

  1. Welche HTTP-Methode wurde verwendet?
  2. Welche Daten wurden im Body des Requests mitgesendet?
  3. Welche Antwort (HTTP-Status, Daten) hat der Server geschickt?

https://github.com/teacher-html/demo

,

Kevin Maurizi, Marcel Suter