Teil 36 - Webserver - Kronberg Gymnasium
Werbung
Teil 36 - CMS-Spezial 1: Webserver Ziele: 1. Es wird lokal auf einem Desktop-PC mit installiertem Ubuntu ein einfacher Test-Webserver installiert. Begriffserklärung: Ein Webserver ist ein Programm, welches Dokumente an Webbrowser überträgt. Allerdings wird häufig auch der gesamte Rechner, auf dem dieses Programm läuft, ebenfalls als Webserver bezeichnet! Warnhinweis: Den hier gebastelten Webserver dürfte man so auf keinen Fall im Internet freigeben, da dafür aus Sicherheitsgründen eine viel weitergehende Konfiguration erfolgen müsste! 2. Dieser Webserver wird nur für einen lokalen Zugriff konfiguriert, um anschließend eigene, erst statische und schließlich - in den folgenden Lektionen - dynamische Webseiten zu erstellen und zu testen. Schema: unser einfaches Testsystem: Desktop-PC Webbrowser („Client“) ein "echter" Webserver: Desktop-PC Webserver („Server“) Server-Rechner Internet Webbrowser („Client“) Webserver („Server“) Installation: sudo apt-get install apache2 Konfiguration: 1. Wo sollen die Dateien für die Seite auf dem eigenen (Server-)Rechner gespeichert werden? In der Datei /etc/apache2/sites-available/default wird standardmäßig als DocumentRoot das Verzeichnis /var/www/ festgelegt. 2. Von welchen Rechnern aus und auf welchen Ports darf auf den Webserver zugegriffen werden? In der Datei /etc/apache2/ports.conf wird statt der Zeile listen 80 die Zeile listen 127.0.0.1:80 eingetragen, damit nur der lokale Rechner "localhost" auf Port 80 den Webserver zugreifen kann. In der tabellarisch aufgebauten Datei /etc/hosts steht dafür die Zeile 127.0.0.1 localhost so dass bei Aufrufen der URL http://localhost automatisch dieser Name in die IP-Adresse der internen Loopback-Schnittstelle (lo) 127.0.0.1 aufgelöst wird. 3. Den Webserver neu starten: sudo /etc/init.d/apache2 restart Statische Testseite cd /var/www sudo mkdir statisch cd statisch pwd sudo -s echo "<html>" echo "<head><title>statisch</title></head>" echo "<body>" echo "<h1>Statische Testseite</h1>" echo "<p>Erster Absatz</p>" echo "</body>" echo "</html>" ls cat index.html exit firefox http://localhost/statisch/index.html > >> >> >> >> >> >> index.html index.html index.html index.html index.html index.html index.html Aufgaben: 1. Erstelle eine komplexere statische Webseite unter Verwendung möglichst vieler Techniken aus den HTML-Spezial Teilen 21 bis 25 und speichere sie im Verzeichnis /var/www/statisch2 Teste nun Deine Seite im Webbrowser. 2. Welches Problem tritt auf, wenn Du im beim Betrachten der Seite im Browser JavaScript deaktivierst? Wie können trotzdem dynamische Inhalte angezeigt werden?