Lokale Server: XAMPP / MAMP

Server als Entwicklungskomponente

Zur Entwicklung eines Webangebotes, das die Daten zentral in einer Datenbank hält, muss ein Server zur Verfügung stehen, der mit einer Datenbank kommunizieren kann.Sinnvollerweise wird zunächst ein Testsystem auf dem lokalen Rechner installiert und erst bei vollständiger Funktionalität des Webangebotes dieses auf ein Produktivsystem übertragen.

Ein solches Testsystem besteht aus mindestens drei Komponenten:

• Server-Software
• Datenbank
• Skript-Sprache zur Kommunikation

Diese Komponenten können einzeln installiert und konfiguriert werden oder als Komplettlösung verwendet werden. Aufgrund der Einfachheit und der sehr guten Funktionalität wird hier die Installation von XAMPP oder MAMP empfohlen. Dies ist ein Programmpaket (Distribution) bestehend aus der Server-Software Apache, der Datenbanksoftware MySQL und der Script-Sprachen php und Perl. Alle Komponenten sind funktionsfähig aufeinander abgestimmt und können sofort benutzt werden. Die Distribution steht für verschiedene Betriebssysteme zur Verfügung und ist so vorkonfiguriert, dass möglichst alle Anwendungsbereiche der Webserver-Software Apache zur Verfügung stehen.

localhost

Der lokale Webserver ist ansprechbar, indem ein Browser als Client diesen mit der URL http://localhost’ bzw. der IP Adresse 127.0.0.1 anfragt, bei MAMP muss der Port mitangegeben werden, die URL lautet http://localhost:8888

Einsatzbegrenzung

XAMPP / MAMP ist ein vollwertiges Produkt und prinzipiell auch fähig als Produktivsystem eingesetzt zu werden, jedoch ist es nicht für den Produktionseinsatz gedacht, sondern für die Entwicklung von komplexen Webseiten. Aus diesem Grund ist XAMPP / MAMP absichtlich NICHT restriktiv, sondern im Gegenteil sehr offen vorkonfiguriert, was für die Entwicklung ideal ist, da so ohne Restriktionen durch das System entwickelt werden kann. Für einen Produktionseinsatz ist das insbesondere aufgrund der offenen Sicherheitsfeatures allerdings nicht geeignet.

htdocs

Die Entwicklung einer Webseite beginnt in der Regel mit dem Speichern einer HTML-Datei auf dem Server. Das Verzeichnis htdocs, das unterhalb des xampp-Verzeichnisses in dem Installationsverzeichnis zu finden ist, beinhaltet alle über den Server ansprechbaren Webseiten. Die dort gespeicherten HTML-Dateien sind über die URL http://localhost/nameDerDatei.html aufrufbar. Es ist ratsam in diesem Verzeichnis eine Ordnerstruktur anzulegen, um eine gewisse Übersichtlichkeit zu erhalten. In diesem Fall muss der entsprechende Pfad in der URL angegeben werden:
http://localhost/OrdnerName1/OrdnerName2/nameDerDatei.html .
Werden in der HTML-Datei Veränderungen vorgenommen, so wird dies durch erneutes Laden der Seite im Browser sichtbar.

MAMP

Mac User nutzen anstatt des XAMPP den lokalen Server MAMP, welcher sehr ähnlich zum XAMPP aufgebaut ist. Wichtig zu wissen ist hier, dass unbedingt immer der richtige Port mit dem localhoast angegeben werden muss, damit alles richtig zugeordnet werden kann. Der Port für MAMP lautet localhost:8888. Mehr Informationen zur richtigen Anwendung findet man hier. Es ist ratsam, besonders wenn Dateien, die im htdocs hinterlegt wurden nicht geladen werden können, über die MAMP-Localhoast-Website unter dem Reiter 'Meine Website' nachzuprüfen, ob der Port richtig angegeben wurde.

Installieren Sie XAMPP bzw. MAMP

  1. Starte die benötigten Server über das Control-Panel.
  2. Greife auf den Server (Apache) zu, indem du im Browser http://localhost (127.0.0.1) bzw. http://localhost:8888 eingibst. Du solltest nun die Willkommenseite von XAMPP / MAMP sehen.
  3. Lade die angehängte Testseite herunter und entpacke sie.
  4. Kopiere den gesamten Ordner in den htdocs-Ordner in deinem XAMPP/MAMP-Verzeichnis.
  5. Greife auf deine Seiten zu, indem du im Browser http://localhost/dateiname.html eingibst.
  6. Gib der Datei einen vernünftigen Namen (im htdocs-Verzeichnis) und öffne die Datei erneut im Browser. Die Seite soll wieder angezeigt werden. :-)
  7. Erstelle einen Ordner namens Testseiten im htdocs-Verzeichnis, verschiebe die Dateien an diese Stelle und öffne sie erneut im Browser.
  8. Lade ein beliebiges Bild in dein htdocs-Verzeichnis.
  9. Bau das Bild in die Testseite ein.
  10. Lade localhost/... erneut. Das Bild soll zu sehen sein :-)
  11. Erstelle einen Ordner namens images und verschiebe das Bild dort hinein.
  12. Lade localhost/... erneut. Das Bild soll zu sehen sein :-)
  13. Beende den Server (Apache) über das Control-Panel.
  14. Lade localhost/... erneut. Was ist passiert?

Testseite