Direktes Testen mit diversen realen mobilen Geräten

Hi,

da (nicht kostenpflichtige) Online-Tools, Developer Tools (Firefox, Chrome, etc.) und auch die speziell für diesen Zweck entwickelte App Responsively (Open Source) die diversen realen mobilen Geräte nicht verlässlich simulieren können, bin ich auf der Suche nach einem einfachen Weg, direkt mit realen mobilen Geräten zu testen. Aktuell versuche ich einen Zugang auf Laragon via WiFi einzurichten. Dazu habe ich in der httpd.conf den listen-Eintrag von "80" auf "0.0.0.0:80" geändert und dann den Apache neu gestartet. Über http://IP-Adresse des Rechners/, auf dem Laragon installiert ist, kann ich dann von meinem Smartphone aus den document root von laragon (C:/laragon/www) aufrufen. Das funktioniert einwandfrei, die Laragon-index.php wird angezeigt. Wenn ich nun aber http://IP-Adresse des Rechners/demo.local/ (lokale Adresse meiner Website) aufrufen möchte, wird die Fehlermeldung "The requested URL was not found on this server." angezeigt. Wenn ich stattdessen den Verzeichnispfad zu meiner Website (http://IP-Adresse des Rechners/demo/public/)eingebe, wird eine Contao-Fehlermeldung angezeigt:

[2023-01-25T18:06:29.379141+00:00] request.CRITICAL: Uncaught PHP Exception Contao\CoreBundle\Exception\InternalServerErrorHtt pException: "Your installation is not secure. Please set the document root to the C:/laragon/www/demo/public subfolder." at C:\laragon\www\demo\vendor\contao\core-bundle\src\EventListener\ExceptionConverterListene r.php line 94 {"exception":"[object] (Contao\\CoreBundle\\Exception\\InternalServerErro rHttpException(code: 0): Your installation is not secure. Please set the document root to the C:/laragon/www/demo/public subfolder. at C:\\laragon\\www\\demo\\vendor\\contao\\core-bundle\\src\\EventListener\\ExceptionConverterList ener.php:94)\n[previous exception] [object] (Contao\\CoreBundle\\Exception\\InsecureInstallati onException(code: 0): Your installation is not secure. Please set the document root to the C:/laragon/www/demo/public subfolder. at C:\\laragon\\www\\demo\\vendor\\contao\\core-bundle\\src\\EventListener\\InsecureInstallationLi stener.php:44)"} []

Anscheinend funktioniert in Laragon die interne Weiterleitung nicht, wenn von einem anderen Gerät aus dem lokalen Netzwerk heraus auf besagte Website zugegriffen wird, lokal auf dem Rechner funktioniert die interne Weiterleitung einwandfrei. Zuständig für die interne Weiterleitung ist in Laragon die auto.demo.local.conf (Virtual Host).

Hat jemand vielleicht eine Idee, wie man es schafft, dass diese interne Weiterleitung auch von "außerhalb" korrekt aufgerufen wird?

Nach längerem Trial-and-Error habe ich nun folgende Lösung gefunden, die in meinem lokalen Netzwerk funktioniert:

1. In der httpd.conf unter dem Eintrag "Listen 80" einen zweiten Eintrag "Listen 0.0.0.0:8080" hinzufügen

2. In der auto.demo.local.conf unter dem VirtualHost-Eintrag einen zweiten VirtualHost-Eintrag hinzufügen:

<VirtualHost "IP-Adresse oder Hostname des Rechners, auf dem Laragon installiert ist":8080>
DocumentRoot "${ROOT}"
ServerName ${SITE}
ServerAlias "IP-Adresse oder Hostname des Rechners, auf dem Laragon installiert ist".${SITE}
<Directory "${ROOT}">
AllowOverride All
Require all granted
</Directory>
</VirtualHost>

Wichtig ist hier statt Port 80 einen anderen Port z.B. 8080 zu verwenden

3. In phpMyAdmin unter "Benutzerkonten > Benutzername > Rechte ändern", dort unter "Anmeldeinformationen > Hostname" in der Select Box "Jeder Host" auswählen und mit OK bestätigen

4. Apache und MySQL beenden und neu starten

5. Auf dem mobilen Gerät die Website unter http://"IP-Adresse oder Hostname des Rechners, auf dem Laragon installiert ist":8080/ aufrufen.

Mit SSL habe ich das Ganze noch nicht ausprobiert.
Vielleicht gibt es ja auch noch eine andere, bessere Lösung.

Mit SSL funktioniert die Weiterleitung analog.

1. In der httpd-ssl.conf unter dem Eintrag "Listen 443" einen weiteren Eintrag "Listen 0.0.0.0:4443" hinzufügen

2. Der Eintrag in der auto.demo.local.conf sieht wie folgt aus:

<VirtualHost "IP-Adresse oder Hostname des Rechners, auf dem Laragon installiert ist":4443>
DocumentRoot "${ROOT}"
ServerName ${SITE}
ServerAlias "IP-Adresse oder Hostname des Rechners, auf dem Laragon installiert ist".${SITE}
<Directory "${ROOT}">
AllowOverride All
Require all granted
</Directory>

SSLEngine on
SSLCertificateFile C:/laragon/etc/ssl/laragon.crt
SSLCertificateKeyFile C:/laragon/etc/ssl/laragon.key

</VirtualHost>

Wichtig ist hier statt Port 443 einen anderen Port z.B. 4443 zu verwenden.

3. Auf dem mobilen Gerät die Website dann unter https://"IP-Adresse oder Hostname des Rechners, auf dem Laragon installiert ist":4443/ aufrufen.

Ein ungelöster Punkt bleibt bei der SSL-Variante allerdings.

Wie schafft man es, ein funktionierendes Laragon SSL-Zertifikat auf dem mobilen Gerät zu installieren?

Meine bisherigen Versuche waren leider nicht erfolgreich.

Entweder müsste in den SAN-Abschnitt des Laragon SSL-Zertifikats die IP-Adresse des Rechners, auf dem Laragon installiert ist, aufgenommen werden (diese Funktion unterstützt der Laragon Certificate Manager derzeit nicht*),
oder es müsste in der hosts-Datei auf dem mobilen Gerät der localhost-Eintrag (127.0.0.1 demo.local #laragon magic!) ergänzt werden, was mir aber unter Android bisher nicht gelungen ist (routen wollte ich das System nicht).

* Mittels SSL-Tool den SAN-Abschnitt des Laragon SSL-Zertifikats um besagte IP-Adresse zu erweitern hat zwar funktioniert, aber das so erweiterte Laragon SSL-Zertifikat wird auf dem mobilen Gerät nicht als gültig erkannt.

Vielleicht hat ja jemand eine Idee.