Wie eine Seite entsteht « ◉ » Kapitelende

XAMPP verwenden

Erstellt am 12.10.2022 Lesedauer 2 - 3 Min.

Dieser Beitrag basiert auf maßgeblichen Vorarbeiten von Volker Hammer – vielen Dank.

Externe Links - Verweise auf Seiten Dritte

Für das Testen von Webseiten unterstützt  OSE  die Erzeugung einer Junction in einem einstellbaren Verzeichnis. Das dort beschriebene Verfahren ist schlicht und leitet den „XAMPP-localhost“ auf die jeweilige Arbeitsumgebung.

Mittels Anpassungen einiger Dateien im Betriebssystem und der XAMPP-Konfiguration kann die Test-Domäne in eine Subdomain verlagert werden. Damit bleibt „XAMPP-localhost“ erhalten und es können mit der XAMPP-Installation mehrere (Sub-)Domains parallel betrieben werden.

Ziel: Mit Aufruf der Adresse „ose.test“ soll eine aktuell mit  OSE  bearbeitete Projektseite lokal mittels XAMPP geöffnet werden.

Voraussetzungen

Die hier beschriebenen Vorgaben gelten für dieses Beispiel. Sie können bzw. müssen ggf. den individuellen Anforderungen angepasst werden.

  • XAMPP ist mit den Standardvorgaben im Verzeichnis c:\xampp installiert → „XAMPP-ROOT“
  • Der „PHP-Pfad“ (Basiskonfiguration) von OffSiteEdit zeigt auf c:\xampp\htdocs\ose
  • Der „HTML-Pfad“ (Basiskonfiguration) von OffSiteEdit zeigt auf http://ose.test
  • OffSiteEdit Version 4.0.6 (oder höher)

Anpassungen

Der gewünschte Effekt lässt sich nur mit Anpassungen von Einstellungen in XAMPP und Windows erreichen. Diese Anpassungen erfolgen auf eigenes Risiko. Keine Gewähr, dass das so unter allen Umständen funktioniert.

XAMPP

In der Datei c:\xampp\apache\conf\extra\httpd-vhosts.conf wird am Ende dieser Eintrag eingefügt:

/media/textfiles/xampp.txt

Wenn XAMPP abweichend installiert wurde, muss hier „XAMPP-ROOT“ entsprechend angepasst werden.

Diese Änderung wird gespeichert.

Windows

Getestet unter Windows 10/11.

Für die nachfolgende Aktion sind Administrator-Rechte erforderlich.

Am Schnellsten: Einen Texteditor mit Administrationsrechten starten.

Mit einem Texteditor wird die Datei C:\Windows\System32\drivers\etc\hosts geöffnet.

Am Ende der Datei wird

127.0.0.1   local.test\n127.0.0.1   ose.test

eingefügt und die Änderung gespeichert.

OffSiteEdit anpassen

In der Basiskonfiguration von  OSE  wird im Abschnitt [Path] diese Einstellung (für diese Vorgaben) gesetz:

php=c:\xampp\htdocs\ose\nhttp=http://ose.test

Ist XAMPP gestartet, kann mit „ose.test“ im Browser das (eingestellte) Projekt geöffnet werden.

Wofür ist „local.test“?

Das ist ein „Dummy“, der gewährleistet, dass Chrome-basierte Browser den „localhost“ weiterhin finden. Werden mehrere Subdomains betrieben, ist dieser „Dummy“ (wahrscheinlich) überflüssig.

Benutzen

  1. In  OSE  wird eine Projektdatei geöffnet und „PHP Pfad → out“ gesetzt.
  2. XAMPP wird (oder ist) gestartet.
  3. Die Datei wird (oder ist) als HTML exportiert.
  4. Die Seite wird mit Export anzeigen (in OSE) neu geöffnet bzw. wenn bereits im Browser angezeigt, dort aktualisiert.

Kein Zertifikat

Abhängig vom verwendeten Browser und den geltenden Sicherheitseinstellungen erfolgt ein Hinweis auf ein fehlendes Zertifikat („Kein https“-Warnung). Das lässt sich mit einer Ausnahme-Regel im Browser abstellen.

Die Einrichtung eines Zertifikats ist zwar in XAMPP möglich, doch aufwändig und müsste regelmäßig erneuert werden. Für ein „vollwertiges“ Zerifikat fallen darüber hinaus Kosten an.

Ohne Ausnahmeregel kommt die Abfrage beim ersten Aufruf in einer Browser-Sitzung, „weiter machen“ wird gespeichert, solange der Cache es sich merken darf. Das, bzw. die Ausnahmeregel, wird in nahezu allen Testfällen zugunsten der Kosten-/Aufwandsersparnis zweckmäßiger sein.

Falls doch ein Zertifikat erforderlich ist
Anleitung zur Installation eines SSL-Zertifikats.
Wie eine Seite entsteht « ◉ » Kapitelende