Suchst Du nach einer Möglichkeit, auf einfache Weise zum Beispiel Joomla!4 auf Deinem lokalen PC zu installieren? XAMPP ist die Lösung! Es ist ein quelloffener, plattformübergreifender Webserver, mit dem sich schnell lokale Webserver erstellen lassen. Die Installation und Konfiguration von XAMPP ist einfach und unkompliziert, also auch für Anfänger und Einsteiger geeignet! Nach erfolgreicher Installation widmen wir uns dann gleich der konfiguration von XAMPP.
Was ist XAMPP und worin liegt der Vorteil?
XAMPP ist eine Open-Source-Webserverlösung, die Entwicklern und Benutzern helfen soll, eine lokale Webserverumgebung auf ihrem eigenen Computer einzurichten. Es ist ein großartiges Werkzeug für diejenigen, die Websites oder Webanwendungen testen möchten, ohne auf das Internet oder Hosting-Dienste zurückgreifen zu müssen. Mit XAMPP war es noch nie so einfach, eine lokale Webserver-Umgebung einzurichten.
Die neueste Version von XAMPP enthält alle notwendigen Komponenten, um unsere Joomla!4 Website zu betreiben, einschließlich der MySQL-Datenbanken. Die grafische Benutzeroberfläche (GUI) macht es viel einfacher, den lokalen Webserver zu verwalten. Außerdem unterstützt XAMPP mehrere Betriebssysteme wie Windows, Mac und Linux, so dass Du es auf jedem beliebigen Gerät verwenden kannst!
XAMPP ist nicht nur einfach und leicht zu installieren, sondern bietet im Vergleich zu anderen Hosting-Lösungen auch mehr Kontrolle über Deine Website. Du kannst die Einstellungen nach Deinen Bedürfnissen und Vorlieben anpassen, ohne dass es zu Problemen kommt. Außerdem kannst Du mit der aktuellen Version von XAMPP immer auf dem Laufenden bleiben, da regelmäßig neue Versionen veröffentlicht werden.
Insgesamt ist XAMPP, meiner Meinung, eine der besten Lösungen, die heute für die Einrichtung eines lokalen Webservers verfügbar sind. Mit seinen leistungsstarken Funktionen und der einfachen Installation kann jeder im Handumdrehen mit der Arbeit an seiner Website beginnen!
Wofür stehen die Buchstaben "XAMPP"?
- X - bezieht sich darauf, dass XAMPP für verschiedene Betriebssysteme angeboten wird
- A - Apache
- M - MySQL
- P - Perl
- P - PHP
Systemvoraussetzungen für die Installation von XAMPP
XAMPP stellt so geringe Anforderungen an unser System, dass ich, guten Gewissens, darauf verzichten kann darauf näher einzugehen. Was jedoch erfüllt sein muss, dass wir Admin-Rechte auf unserem System besitzen und dass wir ausreichend Speicherplatz zur Verfügung haben. Ich habe gerade nachgesehen und festgestellt, dass meine XAMPP Installation ca. 1GB auf meiner Festplatte einnimmt. Ich denke das dies in der heutigen Zeit für niemanden ein Problem darstellt.
Wo bekomme ich hilfe wenn ich einmal nicht weiter weis?
apachefriends.org stellen ein Forum zur Verfügung wo jeder der Hilfe benötigt seine Fragen loswerden kann, das Forum findest Du unter:
Community.Apachefriends.org
Herunterladen von XAMPP
Das Herunterladen von XAMPP ist ein einfacher und unkomplizierter Prozess. Du musst nur auf die offizielle XAMPP-Website gehen und die Setup-Datei für Dein Betriebssystem herunterladen.
Hier auf der offiziellen Downloadseite von XAMPP finden wir drei verschiedene Boxen die die Versionen der drei unterstützen Betriebssysteme auflisten:
XAMPP von apachefriends.org für Windows:
XAMPP von apachefriends.org für Linux:
XAMPP von apachefriends.org für OS X:
Neben der XAMPP-Version sehen wir die PHP-Version und können erkennen, dass das die Nummer der XAMPP-Version die darin enthaltene PHP-Version widerspiegelt. Dies wurde bereits vor einigen Jahren eingeführt und beseitigt die dadurch entstandene Verwirrung bei den PHP-Versionen die es davor gab. Jede dieser drei Boxen zeigt bei jedem Download an was darin enthalten ist und auch die Voraussetzungen für die Software. Über den Link „Weitere Downloads“ gelangen wir, unter anderem, auch noch zu älteren Versionen.
Wir holen uns jetzt die XAMPP Version 8.2.4, da dies zur Zeit der Erstellung dieses Tutorials die letzte Version ist und diese bei mir mit Joomla!4 einwandfrei funktioniert. Joomla!4 empfiehlt die PHP Version 8.0 zu verwenden. Der Download hat eine Größe von ca. 150MB und kann je nach Internetverbindung etwas schneller oder langsamer heruntergeladen werden.
Installieren der XAMPP Software
Nachdem Du die Datei heruntergeladen hast, führe diese einfach aus und folge den Anweisungen auf dem Bildschirm.
Bitte beachte, dass Du über Administratorrechte verfügen musst, um XAMPP auf Deinem Computer installieren zu können, und dass Du genügend freien Speicher auf Deiner Festplatte hast.
Um XAMPP auf unserem lokalen Rechner installieren zu können müssen wir folgende Abfrage mit „Ja“ bestätigen
UAC (User Account Control) Warnung
Auch wenn die UAC bei mir nie Probleme bereitet hat, möchte ich Dir einen Link an die Hand geben, wie Du vorübergehend die UAC deaktivieren kannst.
Möglicherweise stört die UAC den Installationsprozess von XAMPP, da die Schreibrechte auf der Systemfestplatte eventuell limitiert werden.
Firewall konfigurieren
Während der Installation von XAMPP kann es vorkommen, dass sich Deine Firewall meldet. Konfiguriere Deine Firewall so, dass Du XAMPP problemlos auf Deinem lokalen Rechner verwenden kannst.
Ausführen des Setup-Assistenten
Der Einrichtungsassistent ist ein wichtiger Teil des XAMPP-Installationsprozesses. Er führt Dich Schritt für Schritt durch die Installation von XAMPP. Der Installationsprozess ist so einfach aufgebaut, dass es sogar Anfängern und Einsteigern wenig bis keine Probleme bereitet.
Den Begrüßungsbildschirm können wir gleich mit einem Klick auf „Weiter“ hinter uns lassen.
Auswählen der Komponenten für die Installation
Bei der Installation von XAMPP werden wir vom Setup-Assistenten aufgefordert, die Komponenten auszuwählen, die installiert werden sollen. Es ist wichtig, dass Du sicherstellst, dass alle Komponenten aktiviert sind, bevor Du fortfährst, da jede Komponente einen anderen Zweck erfüllt. Apache ist der Webserver, mit dem Ihr Computer Webseiten ausliefern kann - dies ist für die meisten Websites erforderlich. MySQL ist beispielsweise ein Datenbanksystem, das Informationen wie Benutzerdaten und Website-Inhalte speichert - dies ist für jede Website mit dynamischen Inhalten unerlässlich. PHP ist eine weitverbreitete Programmiersprache, die komplexere Funktionen auf Websites ermöglicht.
Das richtige Installationsverzeichnis für XAMPP wählen
Der empfohlene Installationspfad liegt auf der Systemfestplatte im Root-Verzeichnis. In meinem Fall, da bei mir Windows auf der Festplatte C:\ installiert ist, ist der mir Vorgeschlagene Pfad auch richtig erkannt worden:
Sprache wählen mit der XAMPP läuft
Jetzt werden wir nach der bevorzugten Sprache gefragt, mit der wir XAMPP verwenden möchten. Ich habe hier für dieses Tutorial, deutsch gewählt.
XAMPP Installation starten
Jetzt befinden wir uns auf dem letzten Bildschirm bevor die Installation von XAMPP tatsächlich startet. Mit einem Klick auf „Weiter“ beginnt nun unser PC die benötigten Daten zu entpacken und zu installieren.
Die Installation selbst kann schon ein paar Minuten dauern, sei nicht ungeduldig
Installationsprozess abschließen
Nachdem die Installation von XAMPP erfolgreich verlaufen ist, werden wir im letzten Bildschirm gefragt, ob wir gleich im Anschluss das „XAMPP Contol Panel“ starten möchten.
Das war doch mal eine einfache Installation!
XAMPP-Control-Panel – Überblick
Nach erfolgreicher Installation sehen wir uns das XAMPP Control Panel etwas genauer an, es ist die Schaltzentrale von XAMPP, hier können wir Module starten oder auch wieder beenden. Wir können in die Konfiguration unserer Module eingreifen und diese an unsere Bedürfnisse anpassen.
Webserver Apache & MySQL starten
Jetzt beginnen wir einmal damit das „Apache“ Modul zu starten, dafür klicken wir mit der linken Maustaste, in der Zeile wo der Apache aufgeführt ist, auf „Starten“ und warten ein paar Sekunden ab.
Wenn alles funktioniert hat, dann sollte es in etwa so bei Dir aussehen:
Das gleiche machen wir nun mit dem Modul „MySQL“, wir klicken mit der linken Maustaste auf die Schaltfläche „Starten“ und warten wieder ein paar Sekunden ab.
Wenn auch hier alles klappte, dann sollte es wieder so aussehen:
Jetzt testen wir ob es auch im Browser unserer Wahl funktioniert
Öffne Deinen bevorzugten Browser (egal ob Google Chrome, Mozilla Firefox, Opera, Safari, usw.) und trag in die Adressleiste „localhost“ ein (ohne die Anführungszeichen)
Jetzt sollte sich folgende Ansicht bei Dir öffnen:
Wenn es bei Dir auch so ausschaut, dann darf ich Dir gratulieren, Du hast XAMPP erfolgreich, auf Deinem lokalen Rechner, installiert.
Was wenn ein XAMPP Modul nicht startet?
Wenn Du feststellst, dass eines Deiner XAMPP-Module nicht startet, solltest Du als Erstes das Protokoll im XAMPP Control Panel (dann meist in roter Schriftfarbe) überprüfen. Dieses gibt Aufschluss über eventuelle Probleme, die beim Start des Moduls auftreten. Im folgenden Fall gibt es eine Kollision mit einem Port der bereits von einem anderen Programm verwendet wird. Bevor wir uns jetzt ansehen wie wir den Port von XAMPP ändern können, möchte ich Dich darauf hinweisen, dass es besser und vor allem bequemer wäre, wenn Du das Programm, welches einen der Ports belegt, während der Verwendung von XAMPP deaktivierst. Warum? Es ist so, dass wenn wir einen Port in XAMPP ändern, dann müssen wir jedes Mal wenn wir „localhost“ aufrufen händisch den Port angeben, auch wenn wir aus dem XAMPP Control Panel heraus über die Schaltfläche „Admin“ den „localhost“ aufrufen. Ohne diesen Eingriff wird sich unser Browser nämlich nicht mit der gewünschten Seite verbinden können. Daher ist es besser, wenn möglich, das Programm zu schließen welches die Port-Kollision verursacht. Falls das nicht möglich ist zeige ich Dir hier wie Du den Port in XAMPP ändern kannst.
So änderst Du den Port im XAMPP:
Dafür müssen wir die Konfiguration im Editor anpassen, um jetzt zu wissen welche Konfiguration wir bearbeiten müssen, nachdem wir auf die Schaltfläche „Konfig“ geklickt haben, sehen wir uns mal das nächste Bild an. Die orangen Pfeile zeigen den verschlüsselten Standard-Port und die grünen Pfeile den unverschlüsselten Standard-Port. Wir sehen, daß bei Apache zwei Ports eingetragen sind, Port 80 für die unverschlüsselte Kommunikation und Port 443 für die verschlüsselte Kommunikation. Weiter unten in der Fehlermeldung können wir sehen, dass der Port 443 für die verschlüsselte Kommunikation kollidiert mit dem verwendeten Port der Software „Skype“
Ich weise nochmals darauf hin, dass es viel komfortabler ist, wenn man die Möglichkeit hat, das Programm zu schließen, welches die Port-Kollision auslöst! In unserem Fall haben wir eine Kollision auf dem verschlüsselten Port 443, daher müssen wir in diesem Fall die Konfiguration für die verschlüsselte Verbindung (SSL - Secure Sockets Layer) bearbeiten. Mit einem Linksklick auf „Apache (httpd-ssl.conf)“ öffnen wir diese. Jetzt suchen wir nach der Zeile:
Listen 443
und ändern den Port, zum Beispiel indem wir eine „8“ voranstellen. Das würde dann so aussehen:
Listen 8443
Jetzt können wir unsere Änderungen speichern und das Editorfenster wieder schließen.
Das gleiche mache ich jetzt für dieses XAMPP Tutorial auch mit dem unverschlüsselten Port, damit Du siehst, dass dies genauso funktioniert wie mit dem verschlüsselten Port. Mit einem Linksklick auf „Apache (httpd.conf)“ öffne ich nun diese Konfiguration und suche nach der Zeile:
Listen 80
Und schreibe dahinter Beispielsweise nochmal eine „80“
Natürlich müssen wir auch diese Einstellung speichern und können dann die Konfiguration wieder schließen. Bevor jedoch unsere Änderungen wirksam werden, müssen wir den Apache neu starten, danach sehen wir sofort die neu zugewiesenen Ports im XAMPP Control Panel angezeigt und ob es bei diesen wieder eine Kollision gibt.
Es scheint alle zu funktionieren! Also testen wir es indem wir localhost:8080 im Browser aufrufen.
Wenn jetzt alles klappt dann solltest Du wieder auf dem XAMPP Dashoard landen
Leider ignoriert XAMPP die geänderten Ports, das bedeutet, wenn Du das Dashboard aus dem XAMPP Control Panel aufrufst (Durch klicken auf die Schaltfläche „Admin“), dann wird keine Verbindung zum Dashboard hergestellt werden können und Du bekommst eine Fehlermeldung. Dann musst Du manuell den Port in die URL einfügen
Du siehst, dass es wesentlich bequemer ist, das Programm zu beenden welches die Port-Kollision auslöst, als die Ports von XAMPP zu ändern.
Für all diejenigen die sich jetzt Fragen warum ich die Ports nicht über die Schaltfläche „Konfig“ rechts oben geändert habe: Da diese Variante bei vielen am Ende eine Fehlermeldung bringt, habe ich in diesem Tutorial verzichtet näher darauf einzugehen.
Optional: Einrichten eines Passworts für MySQL Benutzer
Da dieses XAMPP-Tutorial jetzt schon viel länger geworden ist, als ich mir zu Beginn vorgenommen habe, erspare ich mir hier ein Text-Tutorial zu hinterlassen wie man das Passwort für einen MySQL Benutzer in XAMPP ändert beziehungsweise setzt. Wenn ich wieder ein wenig mehr Zeit habe, werde ich ein kurzes Video zu diesem Thema erstellen und diesen dann hier veröffentlichen.
neue Datenbank erstellen
Da wir in meinem Joomla!4 Tutorial eine Datenbank benötigen um Jooma!4 auf unserer lokalen Serverumgebung zu installieren, zeige ich Dir jetzt wie man eine neue Datenbank erstellt. Das ist ganz einfach und geht richtig schnell.
Klicke im XAMPP Control Panel in der Zeile von MySQL auf die Schaltfläche „Admin“, dadurch öffnet sich Dein Browser und „phpMyAdmin“ wird geladen.
phpMyAdmin ist ein kostenloses Software-Tool, das in PHP geschrieben ist und für die Verwaltung von MySQL Datenbanken, über den Browser, vorgesehen ist.
Klicke jetzt auf den Reiter mit dem Namen „Datenbanken“
Jetzt vergebe im Feld „Datenbankname“ einen neuen Namen für die Datenbank die später für Deine neue Website verwendet werden soll. Ich habe für dieses Tutorial „joomla4website“ als Name für meine Datenbank gewählt, es ist jedoch egal welchen Datenbanknamen Du vergibst, das ist komplett Dir überlassen. Vermeide Sonderzeichen beim Erstellen einer neuen Datenbank. Im Feld daneben (Kollation) lassen wir „utf8mb4_general_ci“ ausgewählt.
Jetzt können wir bereits auf die Schaltfläche „Anlegen“ klicken.
Und schon hast Du Deine erste Datenbank erstellt – gratuliere! War doch ganz einfach!
Jetzt wird Dir der Inhalt Deiner Datenbank angezeigt, da diese gerade erstellt wurde ist diese Datenbank natürlich noch leer. Die Pfeile markieren Dir, wo Du in Zukunft sehen kannst, welche Datenbank Du gerade betrachtest.
XAMPP: Webspace für unsere lokale Website erstellen
Wir benötigen natürlich auch einen Ordner auf unserem PC um dort die Daten für unsere Website, welche wir lokal auf unseren PC installieren möchten, zu hinterlegen.
Dafür wechseln wir in das XAMPP-Verzeichnis, dort finden wir einen Ordner mit dem Namen „htdocs“ und in diesem erstellen wir nun einen Ordner in dem wir alle Dateien für unsere Website reinkopieren können. Ich nenne diesen Ordner in diesem Tutorial „Joomla4“ da ich diesen Ordner dann auch für die lokale Installation von Joomla!4 verwenden werde.
Hier noch einmal der Pfad zu diesem Ordner in geschriebener Form:
C:\xampp\htdocs\Joomla4
So und damit hast Du es erfolgreich geschafft, XAMPP, Dein lokaler Webserver, auf Deinem Computer zu installieren, eine neue Datenbank zu erstellen und einen Ordner zu erstellen in dem Du später Deine Website Daten hinterlegen kannst.
Schöne Grüße
Harry von Tutorialgarage.com