Joomla!^® User Group Fulda

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.

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.

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.

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

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".

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

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

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

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

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...

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

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

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).

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

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

Startet den Apache.

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

Startet "MySQL".

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:

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

Klickt hier auf "Deutsch".

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.

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?

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.



Klickt dann nochmal auf den Link Drucken ...


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).

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.

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.

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

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.

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:

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.

Klickt oben auf "Datenbanken".

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

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.


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:

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").

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!

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.

Klickt auf "Joomla! 3.2 Download".

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

Speichert das Paket.

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.

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).

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ü.

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.

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

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

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.

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".

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".

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

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

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".

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

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.
  

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) ...

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

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, ...

... 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".

Dies setzt Ihr auf 20M.

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.

Dann startet Ihr den Apache wieder.

Dann sind die Fehlermeldungen weg.

Weitere Infos zum Thema Joomla! unter XAMPP im Web

• < Zurück
• Weiter >