Dieser Beitrag beschreibt, wie Ihr unter Windows mit Hilfe von XAMPP eine Joomla! Testumgebung erstellt. Dabei dauert der Download und das Enpacken in der Regel länger, als die eigentliche Installation. Starten wir also mit dem Download von XAMPP.

XAMPP herunterladen

Unter www.apachefriends.org kann die aktuelle Version von XAMPP heruntergeladen werden. XAMPP selbst ist ein Paket aus Apache, MySQL, PHP und Perl, das X steht hierbei für die unterschiedlichen Betriebssysteme (XAMPP gibt es derzeit für Linux, Windows, MacOS und Solaris). Zum Zeitpunkt dieser Dokumentation (Dezember 2013) war die Version 1.8.2 vom 04.12.2013 noch die aktuelle Version.

xampp 01 download

Der XAMPP Server wird als EXE, ZIP und 7zip zum herunterladen angeboten. Ich entscheide mich - trotz der Größe - für die ZIP-Version. Ein Klick auf "ZIP" und ich werden zum Sourceforge.net umgeleitet, auf dem der Download beginnt.

xampp 02 download

Ich speichere das Paket in meinem Download-Ordner. Achtet darauf, dass Ihr es dort speichert, wo Ihr es wieder findet.

Ich selbst hab für diese Abbildungen den Browser "Firefox" genutzt, daher kann das Herunterladen bei euch etwas anders aussehen.

xampp 03 download

Abhängig von eurer Internetgeschwindigkeit, kann das nun ein paar Minuten dauern. Das Paket hatte 180 MB.

xampp 04 download

Nachdem der Download abgeschlossen ist, klicke ich auf "Ziel-Ordner anzeigen", um das ZIP-Paket im Windows Datei Explorer zu betrachten.

Sucht also das Paket, dass Ihr gerade herunter geladen habt. Eine Möglichkeit: Öffnet den Windows Datei Explorer (z. B. mit der Tastenkombination "Windows-Taste" + "e") und schaut in den Ordner "Downloads".

xampp 05 download

Klickt mit der rechten Maustaste auf das Paket und wählt dann im Kontextmenü den Menüpunkt "Alle extrahieren...".

xampp 06 download

Als Zielpfad tragt Ihr "c:\" ein und klickt dann auf "Extrahieren".

xampp 07 download

Das dauert nun wieder - abhängig von der Rechnergeschwindigkeit - ein paar Minuten.

xampp 08 download

Heraus kommt ein Verzeichnis "xampp" unter "c:". Wechselt in diesen Ordner hinein (z. B. durch einen Doppelklick auf den Ordner "xampp").

xampp 09 download

Im Ordner befindet sich eine Datei mit dem Namen "setup_xampp.bat". Startet die Datei, z. B. durch einen Doppelklick.

In der Version 1.8.2 und neuer kommt dann der Dialog...

xampp 10 download

... der die Umgebung kurz Konfiguriert. Ist die Konfiguraiton abgeschlossen, zeigt sich folgendes Bild:

xampp 11 download

Drückt eine beliebige Taste. Nun können wir den Server starten.

xampp 13 download

Im XAMPP Verzeichnis (c: \ xampp) befindet sich die Datei "xampp-control.exe". Startet durch einen Doppelklick auf diese Datei das XAMPP Control Panel (bzw. das XAMPP Control Center).

xampp 14 download

Beim ersten Start entscheidet Ihr euch für die Sprache. Ich belasse die Einstellung auf "Deutsch" und klicke auf Speichern.

xampp 15 download

Wichtig für Joomla! ist aus dem XAMPP Paket der Apache (also der Webserver) und MySQL(also die Datenbank).

Startet den Apache.

xampp 16 download

Ggf. kommt jetzt eine Meldung der Windows Firewall, die besagt, dass der Apache nach draußen kommunizieren will. Lass die Kommunikation zu!

xampp 17 download

Startet "MySQL".

xampp 18 download

Ggf. kommt auch hier die Meldung, das MySQL nach draußen kommunizieren will. Lass auch das zu!

Anschließend müsste das XAMPP Control Panel wie folgt aussehen:

xampp 19 download

Da der Webserver (Apache) nun bei euch läuft, müsste der Aufruf der Adresse http://localhost folgendes Ergebnis bringen:

xampp 20 download

Klickt hier auf "Deutsch".

xampp 21 download

Das war's auch schon. Der Webserver inkl. Datenbankserver läuft nun auf eurem Rechner.

Wie stoppe ich den Server wieder?

Gestoppt wird der Apache und MySQL wieder über das XAMPP Control Panel.

xampp 22 download

Wenn alles gestoppt ist, klickt auf "Beenden". Damit wird das XAMPP Control Panel wirklich geschlossen. Wenn Ihr auf das "X" klickt, verschwindet das Control Panel nur den den Infobereich von Windows 8.

Probleme beim starten?

Herzlichen Glückwunsch XAMPP läuft nun bei euch, oder? Was kann passiert sein, wenn XAMPP nicht läuft?

  1. Ihr habt XAMPP noch gar nicht gestartet
  2. Irgend eine Anwendung stört XAMPP (z. B. Skype)
 

Ausdrucken und Anleitung auf dem Papier abarbeiten.

Kleiner Tipp: Wer wirklich zum ersten Mal mit XAMPP und Joomla! arbeitet, sollte sich diese Anleitung einfach ausdrucken. Es fällt leichter, das was hier erklärt ist, auf dem Papier zu verfolgen, wärend man am Bildschirm das macht, was hier beschrieben steht.

Zum Ausdruck könnt Ihr auf das kleine Druckersymbol oben rechts am Rand dieses Beitrages klicken. Mit dem Klick darauf wird eine Seite geöffnet, die für den Ausdruck optimiert wird.

beitraege drucken 01

Klickt dann nochmal auf den Link Drucken ...

beitraege drucken 02
Dann Druckt Ihr das ganz normal auf eurem Drucker aus.

Skype stört XAMPP

XAMPP ist ein lokaler Webserver. Der Apache Webserver versucht beim Start den "Port 80" zu belegen, wenn der bereits belegt ist, startet der Webserver nicht! Wer belegt so einen Port (mal abgesehen davon, dass ihr natürlich gar nicht wissen wollt, was ein Port ist)? Ein Programm, was sehr viele Menschen nutzen, um mit Geschwistern, Eltern, Enkeln usw. in aller Welt zu kommunizieren ist Skype. Skype startet bei den meisten automatisch und belegt beim Start den Port 80. Wenn Ihr also Skype nutzt, so muss dem Apache Webserver (der mit XAMPP kommt) gesagt werden, dass er z. B. den Port 8080 belegen soll. Doch wie macht man das?

Ich gehe davon aus, dass Ihr XAMPP unter c: \ xampp entpackt habt. Wenn nicht, achtet einfach darauf, dass bei euch XAMPP irgendwo anders liegt. Sucht den Ordner und geht dann so vor, wie es in den folgenden Absätzen beschrieben ist.

Unter c: \ xampp \ apache \ conf liegt eine Datei die nennt sich "httpd.conf". Öffnet diese Datei mit einem Editor (z. B. dem Windows Editor).

Apache Konfiguration unter XAMPP

Klickt hierzu mit der rechten Maustaste auf die httpd.conf und wählt Öffnen. Das Programm mit dem Ihr die httpd.conf öffnen könnt ist der Editor.

Apache Konfiguration anpassen

Lauft ein wenig nach unten. In einer Zeile steht

Listen 80

Das beschreibt den Port, auf dem der Apache Verbindungsanfragen entgegen nimmt. Ändert den Port in z. B. 8080.

Apache Konfiguration - Port von 80 auf 8080 umgestellt

Speichert und schließt die Datei. Nun könnt Ihr z. B. über das XAMPP Control Center den Apache starten.

xampp 15 download

Achtet nur darauf, dass allen Aufrufen im Browser ab jetzt eine :8080 anzuhängen ist. D.h., wenn der lokale Webserver früher über

http://localhost

zu erreichen war, so ist er nun unter

http://localhost:8080

zu erreichen! Auch beim Aufruf der Administration (also der Aufruf des Backends) läuft nun über

http://localhost:8080/administrator

Die ":8080" hängt man hinter die Domain (hier "localhost:8080"). Die Verzeichnisse auf dem Webserver laufen dann wie immer. Das bedeutet dass auch der phpMyAdmin über "http://localhost:8080/phpmyamin"aufgerufen wird. Damit sollte XAMPP (genauer der Apache) bei euch laufen. Bei machen Installtionen muss man Skype vor dem Start des Apache doch beenden, dann den Apache starten und kann dann anschließend wieder Skype starten. Aber probiert doch kurz selbst mal, wie es bei euch läuft.

VMWare Workstation stört XAMPP

Für diejenigen unter euch, die VMWare einsetzen wird der Apache Webserver beim starten auch erst einmal Meckern. Der Port 443 wird von VMWare Workstation benutzt.

xampp probleme mit vmware

Stoppt den VMWare Dienste (in den Windows Diensten) und startet dann den Apache. Hier möchte ich keine Empfehlungen geben, welche Ports geändert werden sollten.

Joomla! unter XAMPP installieren

Endlich. Die lokale Serverumgebung ist mit XAMPP am laufen. Folgende Schritte führen euch nun zur Joomla! Testumgebung:

  1. Erstellen einer neuen MySQL Datenbank mit dem phpMyAdmin
  2. Leeren des Verzeichnisses c: \ xampp \ htdocs oder erstellen eines Unterverzeichnisses
  3. Herunterladen der aktuellen deutschen Joomla! Version
  4. Entpacken der aktuellen Version in das Verzeichnis c:xampphtdocs
  5. Durchführen der Installation
  6. Löschen des Installationsverzeichnisses nach erfolgreicher Installation (c: \ xampp \ htdocs \ installation)
  7. Loslegen

Fangen wir mit der Datenbank an.

Erstellen einer neuen MySQL Datenkbank mit dem phpMyAdmin

Datenbanken werden im Internet (und so auch hier unter XAMPP) mit der Anwendung "phpMyAdmin" verwaltet. Den phpMyAdmin ruft Ihr über die Adresse "http://localhost/phpmyadmin" auf.

joomla installieren 01

Klickt oben auf "Datenbanken".

joomla installieren 02

Gebt im Bereich "Neue Datenbank anlegen" z. B. "joomla" ein und klickt auf "Anlegen".

joomla installieren 03

Das war es auch schon. Ihr könnt den Browser wieder schließen.

Leeren des Verzeichnisses c: \ xampp \ htdocs oder erstellen eines Unterverzeichnisses

In diesem Schritt könnt Ihr Euch entscheiden, ob Ihr die lokale Testumgebung zukünftig über "http://localhost" oder z. B. über "http://localhost/joomla" aufrufen möchtet.

Das sogenannte DocumentRoot bzw. Basisverzeichnis des Apache Webserver liegt bei XAMPP unter c: \ xampp \ htdocs. D. h., wenn Ihr http://localhost aufruft, wird die Startseite aus diesem Verzeichnis geladen.

Achtung: Es folgt eine technische Information zum Apache. Wer will kann unter der Infobox weiterlesen.

Die Startseite ist z. B. die index.php, die index.html oder auch die index.htm. Die Konfigurationsdatei vom Apache bestimmt, welche Dateien als Startdatei akzeptiert werden.

Apache Konfiguration - DirectoryIndex
Die Datei, die als erstes gefunden wird, wird an den Browser zurückgeliefert. Der Apache sucht damit zunächst nach einer index.php, dann nach einer index.pl, dann die index.cgi, usw. Wenn er eine davon findet, verarbeitet er diese als Startseite. Wenn er keine davon findet, listet er einfach das Verzeichnis auf (Beim XAMPP ist das auflisten des Verzeichnisses - im Gegensatz zu den Hostern draußen - standardmäßig erlaubt).

Um Joomla! unter XAMPP zu installieren, sind alle Dateien, die zu Joomla! gehören (und das sind mittlerweile über 4.300 Dateien in ihren verschiedenen Verzeichnissen) unterhalb von c: \ xampp \ htdocs zu entpacken bzw. zu speichern. Wie vorhin beschrieben, gibt es da nun zwei Möglichkeiten:

  1. Lösche den Inhalt des Verzeichnisses c: \ xampp \ htdocs und entpacke im nächsten Schritt alle Joomla! Dateien in dieses Verzeichnis

    oder

  2. Erstelle unterhalb von c: \ xampp \ htdocs ein neues Verzeichnis z. B. "joomla" und entpacke im nächsten Schritt alle Dateien in das Verzeichnis c: \ xampp \ htdocs \ joomla.

Abhängig von dieser Entscheidung werdet Ihr später eure Joomla! Testumgebung über 1) http://localhost oder 2) http://localhost/joomla aufrufen müssen.

Ich selbst entscheide mich hier im Beispiel dafür, die Inhalte des Verzeichnisses htdocs zu löschen. Hierzu öffene ich den Windows Explorer (z. B. mit der Tastenkombination "Windows-Taste" + "e").

joomla installieren 04

Im Verzeichnis c: \ xampp \ htdocs lösche ich nun die Dateien und Order, so dass der Ordner leer ist.

ACHTUNG: Achtet darauf, dass Ihr wirklich nur die Dateien und Ordner aus dem Verzeichnis htdocs löscht!

joomla installieren 05

Damit ist dieser Schritt auch abgeschlossen. Ihr könnt den Windows Explorer schließen.

Herunterladen der aktuellen Joomla! Version

Joomla! wird ständig weiter entwickelt. Alle paar Wochen gibt es eine neue Version, die bestimmte Fehler behebt und neue Funktionen in Joomla! integriert. Zur leichten Orientierung wird bei jeder Art von Programm eine Versionsnummer gepflegt. Zum Zeitpunkt dieser Dokumentation (Dezember 2013) ist Joomla! 3.2.1 aktuell. Die 3.5 ist für März 2014 angekündigt. Doch wo bekommt man die "aktuelle" Version von Joomla! her?

Die Joomla! Entwickler bietet den englischsprachigen Download unter www.joomla.org an. Dort sind leider die deutschen Sprachdateien nicht immer enthalten.

Daher nutze ich persölich lieber die Quelle vom deutschen Übersetzer unter www.jgerman.de.

joomla installieren 06

Klickt auf "Joomla! 3.2 Download".

joomla installieren 07

Achtet hier darauf, dass Ihr das ZIP-Pakte für "Neuinstallationen" wählt. Ihr werdet dann zum Sourceforge-Net umgeleitet und der Download beginnt.

joomla installieren 08

Speichert das Paket.

joomla installieren 09

Der Browser (bei mir ist das der Firefox) lädt das Installationspaket "Joomla_3.2.1-Stable-Full_Package_German.zip" herunter.

Je nachdem, was Ihr für einen Browser nutzt, sieht das natürlich ein wenig anders aus. Wichtig ist nur, dass Ihr euch merkt, wohin Ihr das Paket speichert.

Nach einer kurzen Zeit, abhängig von euerer Internetanbindung, ist das Paket herunteregeladen. Dieser Schritt wäre auch abgeschlossen.

Entpacken der aktuellen Version in das Verzeichnis c: \ xampp \ htdocs

Nachdem Ihr das gepackte Paket auf eure Festplatte herunter geladen habt, muss es im Verzeichnis c: \ xampp \ htdocs entpackt werden. Kopiert hierzu zunächst das komplette Paket in das Verzeichnis c: \ xampp \ htdocs.

joomla installieren 10

Ich nutze dazu die Zwischenablage. Im meinem Download-Verzeichnis (Firefox lädt die Dateien normalerweise dort hin) finde ich das Installationspaket. Ein Klick mit der rechten Maustaste drauf, dann Kopieren wählen (unter Windows 8 auch unter Organisieren erreichbar).

joomla installieren 11

Dann wechsle ich ins Zielverzeichnis "c: \ xampp \ htdocs", klicke mit der rechten Maustaste in das leer Verzeichnis und wähle den Menüpunkt "Einfügen" aus dem Kontextemenü.

joomla installieren 12

Damit liegt es schon mal an der richten Stelle. Nun entpacke ich die Datei. Ein Klick mit der rechten Maustaste drauf, dann den Punkt "Alle extrahieren..." auswählen.

joomla installieren 13

Als Zielverzeichnis gebt "c: \ xampp \ htdocs" ein und klickt auf "Extrahieren".

joomla installieren 14

Das Entpacken von über 6.900 Dateien in unserschiedlichen Verzichnissen beginnt.

joomla installieren 15

Damit ist dieser Schritt auch abgeschlossen. Das Installationspaket selbst kann aus dem Ordner gelöscht werden.

Der Windows Explorer kann geschlossen werden. Nun beginnt die eigentlichen Installation.

Durchführen der Installation

Die Installation kann nun durchgeführt werden. Ruft die Adresse http://localhost auf. Die Installation startet sofort.

joomla installieren 16

Die Sprachauswahl belasse ich auf "German". Als Name für die Seite vergebe ich "Testseite", die Beschreibung wird später für die Suchmaschinen von Interesse werden.

Gebt noch irgendeine E-Mail-Adresse ein, die derzeit nicht wichtig wird. Unter XAMPP ist derzeit noch kein E-Mail-System aktiviert. Damit ist die korrekte E-Mail-Adresse unwichtig.

Dann aber der Benutzername (ich nutze "admin") und das Kennwort (ich nutze "demo").

Klickt dann auf "Weiter".

joomla installieren 17

In diesem Schritt werden die Datenbank-Informationen eingegeben. Tragt beim Servernamen "localhost", beim Benutzernamen "root" und beim Datenbanknamen "joomla" ein.

Das Passwort lasst Ihr leer, da XAMPP nach der Standardinstallation mit einem leeren MySQL Kennwort daher kommt.

Klickt dann auf "Weiter".

joomla installieren 18

Im 3. Schritt wird die Konfiguration der Webseite zusammengefasst.  Belasst die Einstellungen so und klickt auf "Installieren".

joomla installieren 19

Die Installtion läuft kurz durch und ist dann abgeschlossen.

joomla installieren 20

Klickt hier auf die gelbe Schaltfläche "Installationsverzeichnis löschen". Den Schritt "Extra Schritt: Sprache installieren" können wir übergehen, da ja die Deutsche Installationsquelle gewählt wurde.

Die Installation ist damit abgeschlossen. Im Browser klickt Ihr nun auf "Website".

joomla installieren 22

Damit sind wir fertig!

Loslegen...

Joomla! heißt euch Willkommen. Ihr habt es geschafft. Das Frontend der Joomla! Installation zeigt sein Gesicht. Wer nun ins Backend will, d. h. in den Administrations-Bereich, der ruft die Adresse ...

http://localhost/administrator

auf.
 

joomla installieren 23

Als Benutzername hatte ich "admin" gewählt, als Kennwort nutze ich "demo". Meldet euch mit den Daten an, die Ihr zuvor eingegeben hattet.
 
joomla installieren 24
 
Der Verwaltungsbereich (das sogn. Backend) liegt nun vor euch. Nun könnt Ihr loslegen.
 
Ich Empfehle euch, erst mal zu entspannen und euch eine Belohnung zu gönnen. Ihr habt einen großen Schritt gemacht. Die Installation liegt hinter euch.
 
Bevor Ihr nun weitere Schritte macht, schaut euch erst mal ein wenig um. Es sind viele Ecken, in denen man sich hier rumtreiben kann. Lest ggf den Beitrag "Joomla! 3.x Nachinstallationshinweise" auf dieser Seite oder fang erst einmal mit den Beiträgen an. Im Menü oben gibt es unter dem Menüpunkt "Inhalt" den Punkt "Beiträge". Versucht euren ersten Beitrag zu erstellen.
 
Viel Spaß mit Joomla!
 

Eure JUG Fulda

Probleme mit Fehlermeldungen nach der Installation

Nach der Installation kommen ständig Fehlermeldungen wie z. B.

  • Strict Standards: Declaration of JButtonPopup::fetchId() should be compatible with that of JButton::fetchId() in C:\ xampp\ htdocs \ libraries \ joomla \ html \ toolbar \ button \ popup.php on line 78
  • Strict Standards: Declaration of ContentModelArticle::cleanCache() should be compatible with that of JModel::cleanCache() in C: \ xampp \ htdocs \ administrator \ components \ com_content \ models \ article.php on line 25
  • Strict Standards: Only variables should be assigned by reference in C: \ xampp \ htdocs \ libraries \ joomla \ formform.php on line 865
  • Strict Standards: Only variables should be assigned by reference in C: \ xampp \ htdocs \ libraries \ joomla \ form \ form.php on line 865
  • usw. usw.

Joomla! Fehlermeldungen unter XAMPP

Keine Angst, das sind Warnungen die Ausgegeben werden. Dies ist bei Produktivsystemen nicht so, aber gerade in so einer Testumgebung wie XAMPP gewünscht, damit man als Entwickler auf bestimmte Sachen hingewiesen wird.

Öffnet eure "php.ini" (liegt unter XAMPP im Verzeichnis x: \ xampp \ php \ php.ini) ...

php ini bearbeiten 01

... und schaut dort mal in die Zeile 535 (ist nur eine ca. Angabe ... irgendwo da steht es).

php ini bearbeiten 04

Hier wird PHP angewiesen alle Fehler und Warnungen auszugeben. Setzt dort stattdessen einfach ein "E_ALL & ~E_DEPRECATED & ~E_STRICT" ein, so wie es für Produktionsumgebungen vorgesehen ist, ...

php ini bearbeiten 05

... speichert die "php.ini".

 

... STOPP ... BLEIBT KURZ HIER ...

 

Wenn Ihr gerade hier seid, setzt doch gleich den Datei-Upload von 2 auf 20 Megabyte hoch. Die Einstellung befindet sich ca. in Zeile 922 ... dort steht im aktuellen XAMPP noch "upload_max_filesize = 2M".

php ini bearbeiten 02

Dies setzt Ihr auf 20M.

php ini bearbeiten 03

Das sorgt dafür, dass bei Erweiterungen, die über 2 MB groß sind, dann keine Fehlermeldungen kommen.

 

... WEITER GEHT'S ...

Speichert die php.ini und startet den Apache Webserver neu. Hierzu öffnet Ihr das XAMPP Control Panel, "stoppt" den Apache.

xampp control apache neu starten 02

Dann startet Ihr den Apache wieder.

xampp control apache neu starten 01

Dann sind die Fehlermeldungen weg.

Weitere Infos zum Thema Joomla! unter XAMPP im Web