So testen Sie lokale Websites oder Apps im Internet mit Ngrok

Sind Sie Entwickler einer Website oder einer mobilen Anwendung und möchten Ihren localhost-Server hinter einem NAT oder einer Firewall zu Testzwecken dem öffentlichen Internet zugänglich machen? In diesem Tutorial zeigen wir Ihnen, wie Sie dies sicher mit ngrok tun.

Ngrok ist ein sensationeller, kostenloser Open-Source- und plattformübergreifender Reverse-Proxy-Server, der lokale Server hinter NATs und Firewalls über sichere Tunnel dem öffentlichen Internet zugänglich macht. Es handelt sich um ein bemerkenswertes Computerprogramm, mit dem Sie persönliche Cloud-Dienste direkt von zu Hause aus implementieren können.

Es richtet im Wesentlichen sichere Tunnel zu Ihrem localhost ein und ermöglicht Ihnen so: Demos von Websites vor der eigentlichen Bereitstellung auszuführen, mobile Apps zu testen, die mit Ihrem lokal ausgeführten Backend verbunden sind, und Web-Hook-Konsumenten auf Ihrem Entwicklungscomputer zu erstellen.

Ngrok-Funktionen:

Einfache Installation ohne Laufzeitabhängigkeiten für alle wichtigen Plattformen und schnelle Arbeit.
Unterstützt sichere Tunnel.
Erfasst und analysiert den gesamten Verkehr im Tunnel zur späteren Überprüfung und Wiedergabe.
Ermöglicht Ihnen, die Portweiterleitung in Ihrem Router abzuschaffen.
Ermöglicht die Implementierung der HTTP-Authentifizierung (Passwortschutz).
Verwendet TCP-Tunnel, um Netzwerkdienste verfügbar zu machen, die kein HTTP verwenden, wie z. B. SSH.
Unterstützt nur HTTP- oder HTTPS-Tunneling mit SSL/TLS-Zertifikaten.
Unterstützt mehrere gleichzeitige Tunnel.
Ermöglicht die Wiedergabe von Webhook-Anfragen.
Ermöglicht Ihnen die Arbeit mit virtuellen Host-Sites.
Es kann über eine API und viele Optionen im kostenpflichtigen Plan automatisiert werden.

Bevor Sie es verwenden können, müssen Sie einen Webserver installiert haben oder die Einrichtung eines funktionsfähigen LAMP- oder LEMP-Stacks in Betracht ziehen. Andernfalls befolgen Sie diese Anleitungen, um:

Installieren Sie LAMP Stack unter Linux:

Installation von LAMP (Linux, Apache, MariaDB, PHP/PhpMyAdmin) in RHEL/CentOS 7.0
So installieren Sie LAMP mit PHP 7 und MariaDB 10 unter Ubuntu 16.10

Installieren Sie LEMP Stack unter Linux:

So installieren Sie LEMP (Linux, Nginx, MariaDB, PHP-FPM) auf Debian 9 Stretch
So installieren Sie Nginx, MariaDB 10, PHP 7 (LEMP Stack) in 16.10/16.04
Installieren Sie die neuesten Versionen von Nginx, MariaDB und PHP auf RHEL/CentOS 7/6 und Fedora 20–26

So installieren Sie Ngrok unter Linux

Ngrok ist super einfach zu installieren. Führen Sie einfach die folgenden Befehle aus, um die Archivdatei, die eine einzelne Binärdatei enthält, herunterzuladen und zu entpacken.

mkdir ngrok
cd ngrok/
wget -c https://bin.equinox.io/c/4VmDzA7iaHb/ngrok-stable-linux-amd64.zip
unzip ngrok-stable-linux-amd64.zip
ls

Sobald Sie die Binärdatei haben, erstellen wir eine einfache index.html-Seite im Standard-Dokumentstammverzeichnis des Webservers (Apache), um Anfragen an den Webserver zu testen.

sudo vi /var/www/html/index.html

Fügen Sie der Datei den folgenden HTML-Inhalt hinzu.

<!DOCTYPE html>
<html>
        <body>
                <h1>This is a TecMint.com Dummy Site</h1>
                <p>We are testing Ngrok reverse proxy server.</p>
        </body>
</html>

Speichern Sie die Datei und starten Sie ngrok, indem Sie den http-Port 80 angeben (wenn Sie Ihren Webserver so konfiguriert haben, dass er auf einem anderen Port lauscht, müssen Sie diesen Port verwenden):

ngrok http 80

Sobald Sie es starten, sollten Sie in Ihrem Terminal eine Ausgabe ähnlich der folgenden sehen.

So überprüfen Sie den Datenverkehr zu Ihrem Webserver mithilfe der Ngrok-Benutzeroberfläche

Ngrok bietet eine einfache Web-Benutzeroberfläche, mit der Sie den gesamten HTTP-Verkehr, der über Ihre Tunnel läuft, in Echtzeit überprüfen können.

http://localhost:4040

Aus der obigen Ausgabe geht hervor, dass noch keine Anfragen an den Server gestellt wurden. Stellen Sie zunächst über die unten aufgeführten URLs eine Anfrage an einen Ihrer Tunnel. Andere Benutzer verwenden diese Adressen ebenfalls, um auf Ihre Website oder App zuzugreifen.

http://9ea3e0eb.ngrok.io 
OR
https://9ea3e0eb.ngrok.io

Überprüfen Sie dann auf der Inspektions-Benutzeroberfläche alle Details der Anfrage und Antwort, einschließlich Uhrzeit, Client-IP-Adresse, Dauer, Header, Anfrage-URI, Anfragenutzlast und Rohdaten.

Weitere Informationen finden Sie auf der Ngrok-Homepage: https://ngrok.com/

Ngrok ist einfach ein erstaunliches Tool, es ist bei weitem die einfachste und dennoch leistungsstärkste sichere lokale Tunnellösung, die Sie finden werden. Sie sollten darüber nachdenken, ein kostenloses ngrok-Konto zu erstellen, um mehr Bandbreite zu erhalten. Wenn Sie jedoch noch erweiterte Funktionen wünschen, versuchen Sie ein Upgrade auf ein kostenpflichtiges Konto. Denken Sie daran, uns Ihre Meinung zu dieser Software über das Kommentarformular unten mitzuteilen.