{{gem/mgr}}{{ gem/pageinfo}} ====== 💻-🌐-☁️ Webserver betreiben ====== **🎯 Worum geht es?**((Bildquellen: Wenn nicht anders angegeben, stellen die Bilder Screenshots der [[https://www.lernsoftware-filius.de|Software Filius]] von Stefan Freischlad dar und unterliegen der [[https://www.gnu.org/licenses/gpl-3.0.html|GNU General Public License V3]])) * Du richtest einen Webserver mit einer Webseite ein. * Du lernst, wie sichergestellt wird, dass alles beim Browser ankommt und warum Videos bei schlechter Verbindung grosse Verluste in der Qualität aufweisen können. * Du erfährst etwas über die Grösse und Zuverlässigkeit des Internets. * Du erfährst, ob und wie du eine Webadresse mit deinem Namen drin reservieren kannst. ~~INTOC~~ \\ ===== - Webserver einrichten und testen ===== ; Webserver : Ein **Webserver** ist eine Software, welche Webseiten bereitstellt. Dazu muss der **Webserver** auf einem Rechner laufen, der von anderen Rechnern über ein Netzwerk oder das Internet erreichbar ist. == ✍ Auftrag – Filius 11 == {{ gem/flag?label=Erledigt&icon=%E2%9C%8D#ca61752ff650ad14}} {{ :p:netzwerke:aktionsmodus.png?nolink&51|}} 👉 Richte einen Webserver mit einer Webseite ein. - Öffne in Filius das Netzwerk, welches du unter dem Namen Filius10 abgespeichert hattest. - Installiere auf dem ''Server 0.12'' einen ''Webserver'' und einen ''Texteditor''. - Starte den Texteditor, klicke auf ''Öffnen'' und öffne im Ordner ''webserver'' die Datei ''index.html''. - Die Datei ''index.html'' erzeugt die "Default-Webseite" welche angezeigt wird, wenn keine spezifische Webseite beim Webserver angefragt wird. - Ergänze unten in ''index.html'' vor der Zeile '''' die Zeile ''

Kontakt

''. Diese Zeile sorgt dafür, dass über den Link ''Kontakt'' die Webseite ''kontakt.html'' geöffnet werden kann. - Speichere ''index.html''. - Klicke auf ''Datei'' und ''Neu'' und kopiere folgenden Text in den Texteditor (natürlich darfst du auch einen anderen Kontakt angeben):\\ Kontaktseite

Kontakt

Sugar Ray Emmenegger, Allesweg 42, 0007 Bondhausen

 - Speichere das File im Ordner ''webserver'' unter dem Namen ''kontakt.html'' ab – schon hast du deine Kontakt-Webseite erstellt. - Speichere das Netzwerk unter Filius11 ab, dieses wird für den Auftrag Filius 12 gebraucht. - Markiere danach diesen Auftrag als "Erledigt". ; URL
{{:p:netzwerke:url.png?600}}Uniform Resource Locator ((Ralf Kretzschmar für die Kantonsschule Solothurn, [[https://creativecommons.org/publicdomain/zero/1.0/deed.de|CC0]]))
: Der **Uniform Resource Locator (URL)** fragt die gewünschte Webseite beim zugehörigen Server an. Die URL besteht aus dem Protokoll (meist ''%%https%%'' oder ''%%http%%'') den Zeichen ''%%://%%''((Das Doppel-%%//%% deutet auf etwas hin, dass ausserhalb des eigenen Computers liegt. Mittlerweile bereut der Erfinder der URL, das %%://%% nicht einfach weggelassen zu haben, wie [[https://www.sueddeutsche.de/digital/internetadressen-web-begruender-bereut-schraegstriche-1.39644|hier berichtet wird]].)), dem Domain-Namen (z. B. ''%%google.ch%%'') oder auch einer IP-Adresse (z. B. ''216.58.215.227''((wobei der direkte Aufruf über die IP-Adresse häufig blockiert wird))) und weiteren optionalen Zusätzen (siehe Abbildung). Ebenso ist es möglich, den Port mit anzugeben, (z. B. ''216.58.215.227:80'') um eine spezifische Software auf dem Server zu kontaktieren. == ✍ Auftrag – Filius 12 == {{ gem/flag?label=Erledigt&icon=%E2%9C%8D#5c1fd35bccd27de1}} {{ :p:netzwerke:aktionsmodus.png?nolink&51|}} 👉 Rufe auf deinem Webserver eine Webseite auf.\\ \\ ⚠️ Achtung! Es dauert eine ganze Weile, bis in diesem Auftrag das Bild angezeigt wird!\\ - Öffne in Filius das Netzwerk, welches du unter dem Namen Filius11 abgespeichert hattest. - Starte auf dem ''Server 0.12'' den ''Webserver''. - Installiere auf dem ''Rechner 1.11'' einen ''Webbrowser''. - Stelle sicher, dass du für den nächsten Schritt das Netzwerk sehen kannst, und beachte, wie viele Daten beim Aufruf der Webseite hin- und hergeschickt werden. - Starte den Browser und baue eine Verbindung zum Webserver auf, indem du die URL ''192.168.0.12'' eingibst.\\ 💡 Du kannst die Webseite nicht über einen Domain-Namen wie z. B. ''%%http://filius.ch%%'' aufrufen, da noch kein Domain-Name mit dem Webserver verknüpft ist. - Klicke in der angezeigten Webseite auch auf ''Kontakt'' - nun sollte auch die Kontaktseite angezeigt werden. - Speichere das Netzwerk unter Filius12 ab, dieses wird für den Auftrag Filius 13 gebraucht. - Markiere danach diesen Auftrag als "Erledigt". ===== - Webserver verstehen ===== 💡 Du besitzt bereits alles theoretische Wissen, um zu verstehen, wie ein Webserver eine Webseite zum Browser schickt. == ✍ Auftrag – Filius 13 == {{ gem/flag?label=Erledigt&icon=%E2%9C%8D#8e513bbeb8a1a3a1}} {{ :p:netzwerke:aktionsmodus.png?nolink&51|}} 👉 Rufe auf deinem Webserver eine Webseite auf. - Öffne in Filius das Netzwerk, welches du unter dem Namen Filius12 abgespeichert hattest. - Starte auf dem ''Server 0.12'' den ''Webserver''. - Starte auf dem ''Rechner 1.11'' einen ''Webbrowser'' und öffne die URL ''192.168.0.12''. - Öffne den ''Datenaustausch'' durch einen Rechtsklick auf den ''Router''. Was du siehst, sollte ähnlich aussehen, wie im nachfolgenden Screenshot. - ⚠️ Arbeite nicht mit deinem eigenen Datenaustausch weiter, sondern mit dem untenstehenden Screenshot. Studiere im Screenshot die Zeilen 6 bis 9 {{ :p:netzwerke:webserverdump1.png |}} * In Zeile 6 fragt der Client (192.168.1.10) den Server (192.168.0.12) nach der Webseite. * In Zeile 7 quittiert der Server den Erhalt der Anfrage und sagt, dass seine nächste Nachricht die Sequenznummer SEQ 1976954105 tragen wird. * Für Zeile 8 sind die Details gezeigt. Der Server sendet den Webseiteninhalt wie versprochen mit der SEQ 1976954105. * In Zeile 9 quittiert der Client den Erhalt der Anfrage. Dabei sendet dieser als ACK die Summe aus der SEQ 1976954105 und der Länge der empfangenen Nachricht vom Server 625, d. h. 1976954730. Somit kann der Server prüfen, ob alles angekommen ist. - Studiere den Screenshot der Zeilen 12 bis 15 {{ :p:netzwerke:webserverdump2.png |}} * Für Zeile 12 sind die Details gezeigt. Der Server fängt hier an, dem Client den ersten Teil des Bildes ''splashscreen-mini.png'' mit der SEQ 1976954730 zu schicken. * In Zeile 13 quittiert der Client den Erhalt mit der ACK: SEQ + Länge empfangene Nachricht (hier ACK 1976956190). * In Zeile 14 fährt der Server dann mit dem zweiten Teil des Bildes und der SEQ 1976956190 weiter. * In Zeile 15 quittiert der Client wiederum den Erhalt mit der ACK: SEQ + Länge empfangene Nachricht (hier ACK 1976957650) usw.\\ 💡 Der Client braucht für die Bestätigungen zweimal die gleiche SEQ 1567377971, da es sich um ein "Objekt" handelt, das in mehreren Teilen verschickt wird. - 💡 Mit dem oben beschriebenen Vorgehen können Server und Browser prüfen, ob alles verschickt und angekommen war. Geht etwas verloren, wird das Verlorene nachgeschickt. Für die Übertragung von Video-Livestreams eignet sich dieses Vorgehen jedoch nicht. Warum? Halte deine Vermutung zuerst im Textfeld fest. Lese danach diese ++Erklärung|\\ \\ Video muss in Echtzeit im Browser abgespielt werden können. Es ist nicht sinnvoll, verpasste Bildinformationen nachschicken zu lassen. Daher wird für Video-Livestreams kein TCP-Protokoll verwendet, sondern ein anderes Protokoll, das nicht kontrolliert, ob etwas verloren geht (das UDP-Protokoll). Wenn die Verbindung schlecht ist, äussert sich dies in einem sehr groben, im Extremfall eingefrorenen Videobild.\\ \\ ++ {{gem/plain?0=N4XyA#e40f7a295d6bb5f9}} - Markiere danach diesen Auftrag als "Erledigt". \\ ===== - Exkurs Schweizer Netz und Internet ===== 💡 Hier erfährst du einiges über das Internet: seine ungefähre Grösse, welche Wege die Daten hindurchfinden und wie es um das Schweizer Netz bestellt ist. == ✍ Auftrag – Grösse des Internets == {{ gem/flag?label=Erledigt&icon=%E2%9C%8D#16edd55a52238622}} 👉 Finde heraus, wie gross das Internet ist und welche Wege eine Webseitenanfrage durch das Internet nimmt. - Finde im [[https://www.netcraft.com/resources/blog |Netcraft Blog]] den "Web Server Survey" vom letzten Monat und schaue nach, wie viele Webserver im letzten Monat auffindbar waren. - Auf der Webseite [[https://stefansundin.github.io/traceroute-mapper/|Traceroute Mapper]] von Stefan Sundin kannst du den Weg sichtbar machen, den eine Webseitenabfrage von deinem Laptop aus im Internet bis zum Server durchläuft. Gehe dafür wie folgt vor. * Teil 1 für **Windows** Computer - Öffne auf deinem Laptop das Programm ''Eingabeaufforderung'' indem du auf deinem Laptop unten bei der ''🔍 Suche'' einfach ''Eingabeaufforderung'' eingibst. - Schreibe in das Eingabeaufforderung-Fenster z. B. ''tracert openai.com'' hinein und drücke die Enter-Taste. 🥱 Es kann etwas dauern, bis der tracert-Befehl den Weg durch das Internet aufgezeichnet hat. - Kopiere nun in der Eingabeaufforderung alle Zeilen, welche Nummern am Anfang tragen. * Teil 1 für **Apple** Computer - Öffne auf deinem Laptop das Programm ''Terminal.app'' indem du auf deinem Laptop oben bei der ''🔍 Suche'' einfach ''Terminal'' eingibst. - Schreibe in das Terminal-Fenster z. B. ''traceroute -I -q1 openai.com'' hinein und drücke die Enter-Taste. 🥱 Es kann etwas dauern, bis der traceroute-Befehl den Weg durch das Internet aufgezeichnet hat. - Kopiere nun in der Eingabeaufforderung alle Zeilen, welche Nummern am Anfang tragen. * Teil 2 für **alle** Computer - Öffne den [[https://stefansundin.github.io/traceroute-mapper/|Traceroute Mapper]], füge dort die kopierten Zeilen ins Textfeld ein und klicke auf den blauen Button ''map it!''. 🗺️ Jetzt siehst du den Weg, den deine Anfrage durch das Internet genommen hat. - Klicke im Traceroute Mapper auf ''Clear map'' und wiederhole das Ganze mit einer anderen Webseite.\\ ⚠️ Eine Webseitenanfrage muss nicht immer denselben Weg nehmen. Der Weg hängt unter anderem auch von der Auslastung des Internets ab. - Markiere diesen Auftrag als "Erledigt". == ✍ Auftrag – Zustand des Schweizer Netzes == {{ gem/flag?label=Erledigt&icon=%E2%9C%8D#a6ac17a63f74a83f}} 👉 Finde heraus, wie es um das Schweizer Netz steht. - Auf der Webseite [[https://traffic.lan.switch.ch/|SWITCHlan Trafic Viewer]] kannst du sehen, wie stark die Hauptleitungen des Schweizer Netzes ausgelastet sind. Wie ist es aktuell um das Schweizer Netz bestellt? - Auf der Webseite [[https://network.switch.ch/pub/trouble-tickets/|SWITCHlan Trouble Tickets]] kannst du sehen, ob und wo aktuell Probleme im Schweizer Netz vorliegen. Wie ist es aktuell um das Schweizer Netz bestellt? - Markiere diesen Auftrag als "Erledigt". \\ ===== - Exkurs Domainnamen ===== 💡 Hier erfährst du, wie du einen Domain-Namen reservieren kannst und warum dein Browser weiss, dass z. B. ''google.ch'' zum Server mit der IP-Adresse ''216.58.215.227'' gehört. ; DNS : Das Domain Name System (DNS) ist eine riesige Datenbank, welche die Zuordnungen IP-Adressen ↔ Domain-Name speichert. Sie ist auf tausende Nameserver im Internet verteilt. Wird z. B. ''%%https://ksso.so.ch%%'' eingegeben, so muss der Browser erst einmal bei einem der Nameserver nachfragen, wie die IP-Adresse des Servers lautet. Wenn dieser das nicht weiss, fragt er einen anderen Nameserver usw., bis die IP-Adresse gefunden ist. Aus diesem Grunde werden bereits viele Nachrichten über das Internet hin- und hergeschickt, bevor eine Webseite überhaupt angefragt werden kann. Zur Entlastung werden die IP-Adressen häufig aufgerufener Webseiten im Rechner oder im Router gespeichert. == ✍ Auftrag – Domain-Namen == {{ gem/flag?label=Erledigt&icon=%E2%9C%8D#83ce8b216b604541}} 👉 Finde heraus, welche Domainnamen noch frei sind und wie du dir eine Domain reservieren könntest. - Freie Domain-Namen müssen über einen sogenannten "Registrar" (eine spezialisierte Firma) kostenpflichtig reserviert werden. Die meisten Registrare bieten nicht nur Domain-Namen mit der Endung .ch an, sondern viele weitere. Teste, ob dein Vorname mit einer anderen Endung verfügbar ist, z. B. beim [[https://order.metanet.ch/domains.html|Registrar Metanet]] und was das pro Jahr kosten würde.\\ 💡 Tipp: Vorname + erster Buchstabe des Nachnamens ist häufig noch frei... - Markiere diesen Auftrag als "Erledigt". \\ === Eigene Notizen === {{gem/quill#c9dda31257cd9f62}}