So installierst du XAMPP auf dem Mac

Das ist ein Tutorial wie du XAMPP auf deinem Apple Rechner installierst. Wir nutzen die neuste Version mit PHP 7.3.4 des Software-Pakets mit Virtual Machine.

Bevor du startest, prüfe bitte kurz die Systemvoraussetzungen. Du benötigst

mindestens Mac OS X 10.6 (Snow Leopard) oder eine neuere Version
ca. 400 MB Speicherplatz

Was ist XAMPP?

XAMP ist ein Softwarepaket, das einen lokalen Testserver mit Apache, PHP und MySQL/MariaDB erzeugt und konfiguriert. Grundsätzlich stellt dir XAMP alle Werkzeuge zur Verfügung, die du brauchst, um populäre Webanwendungen wie WordPress auf deinem Rechner für Entwicklungs- und Testzwecke auszuführen. Du kannst das auch auf alternativen Wegen erreichen, aber die anderen Möglichkeiten sind nicht annähernd so einfach.

XAMPP downloaden und installieren

Lade Dir zuerst die aktuelle Version XAMPP für OS X runter. Vermutlich landet das Installationsprogramm in deinem Download-Ordner. Nach einem Doppelklick auf die Datei solltest du folgendes Fenster sehen.

XAMPP auf dem Mac installieren — Ziehe den XAMPP Installer in deinen Programme Ordner

Ziehe die XAMPP Installationsdatei in deiner Programme Ordner. Die Installation dauert ein paar Minuten. Anschließend kannst du XAMPP von deinem Launchpad aus starten. Beim ersten Start wirst du diese oder ähnliche Warnhinweise sehen und zur Eingabe deines Passworts aufgefordert. Drücke auf „OK“, gib dein Passwort ein und drücke nochmals auf „OK“.

Warnhinweis beim erstmaligen Start von XAMPP — Warnhinweis beim erstmaligen Start. Drücke auf „OK“.

Aufforderung zur Eingabe deines Passworts.

Server starten und stoppen

Anschließend kannst Du deinen Webserver starten. Drücke im „General“-Tap auf „Start“. Es dauert einen Moment bis alles bereit ist. Die Statusanzeige leuchtet jetzt grün und zeigt dir zusätzlich an unter welcher internen IP-Adresse der Webserver erreichbar ist. Du kannst diese Zahlenkombination (192.168.64.2) in die Adresszeile deines Browsers eingeben und gelangst zum XAMPP Dashboard.

XAMPP Control panel general tab — Das XAMPP Control Panel: Drücke den „Start“-Button und warte bis der Webserver bereit ist.

Im „Sevices“-Tab kannst du überprüfen, ob alle Dienste wie gewünscht laufen, sie manuell starten oder stoppen. Der Dienst ProFTPD ist nicht zwingend notwendig. Du kannst ihn problemlos anhalten. MySQL ist nur erforderlich, falls deine Webapplikation dieses Datenbanksystem benötigt. Beispielsweise falls du WordPress installieren oder bearbeiten möchtest.

XAMPP Control Panel Services Tab: Starten und Stoppen von Apache und MySql — XAMPP Control Panel – Services Tab: Du kannst Apache und MySql ganz einfach starten oder oder anhalten.

Klicke jetzt auf den „Network“-Tab und definiere auf welchem Port dein localhost erreichbar sein soll. Wähle den ersten Eintrag (localhost:8080 -> 80) und warte bis die Statusanzeige grün leuchtet. Jetzt kannst du das XAMPP Dashboard unter http://localhost:8080 erreichen.

XAMPP control Panel Network Tab — Im Network Tab kannst du das Port auf dem dein localhost laufen soll. Wähle den ersten Eintrag – localhost:8080

Webseiten im htdocs Ordner anlegen

Unter „Volumes“ kannst du mit dem Befehl „Mount“ ein Laufwerk deines Servers im Finder erzeugen.

XAMPP Control Panel Volumes Tab — Im Volumes Tab kannst du das Laufwerk mounten. Drücke auf „Mount“ und anschließend auf“Explore“ um zum htdocs Ordner zu gelangen.

Ein Klick auf „Explore“ öffnet den Finder. Unter lampp/htdocs kannst du deine lokalen Webseiten abgelegen.

XAMPP Virtual Machine htdocs Ordner im Finder — Im Finder findest du im Laufwerk „lamp“ den htdocs Ordner. Hier kannst du deine Webseiten ablegen.

Zugriffsrechte für Dateien und Ordner ändern

Abschließend kannst du noch die Zugriffsrechte für Dateien und Ordner in deinem htdocs Ordner anpassen. Dieser Schritt ist optional aber ratsam, wenn du auf deinem Entwicklungsserver ein Content Management System wie WordPress testen willst. Beim Upload von Medien und Dateien oder bei der Installation von Plugins kommt es bei den Grundeinstellungen sonst zu Problemen – der Upload wird verweigert, da die nötigen Zugriffsrechte fehlen. Da wir in diesem Setting ausschließlich lokal arbeiten, müssen wir uns momentan um die Sicherheit keine großen Gedanken machen.

Wechsle auf den „General“-Tab und klicke auf die Schaltfläche „Open Terminal“. Damit öffnest du die Kommandozeile deines Macs.

XAMPP Control Panel General Tab Open Terminal — Gehe abschließend noch einmal auf den General Tab im Control Panel und drücke auf „Open Terminal“.

Es öffnet sich daraufhin ein schwarzes Fenster. In der letzten Zeile siehst du etwas wie root@debian: ~# und einen Cursor. Tippe dort den nachstehenden Befehl ein und anschließend auf „Enter“.

chmod -R 0777 /opt/lampp/htdocs/

Mac Terminal chmod command htdocs Ordner — Änderung der Zugriffsrechte auf Dateien für den htdocs Ordner im Terminal durch das chmod Kommando.

Gibt das System keine Fehlermeldung zurück, kannst du das Terminal jetzt schließen. XAMPP läuft und ist fertig eingerichtet. Du kannst jetzt mit dem Entwickeln loslegen. Happy Coding!