Dieses Tutorial erklärt, was Ngrok ist und wie Sie es einrichten und installieren können:
Ngrok ist ein nützliches Dienstprogramm zum Erstellen sicherer Tunnel zu lokal gehosteten Anwendungen mithilfe eines Reverse-Proxys. Mit diesem Dienstprogramm können Sie jede lokal gehostete Anwendung über das Internet verfügbar machen.
Einfach ausgedrückt stellt es eine öffentlich zugängliche Web-URL für jede lokal gehostete Anwendung bereit, sei es also eine auf Spring Boot oder Node.JS basierende Webanwendung oder ein Webhook für eine Chat-Anwendung usw.
Überblick
Ngrok ist kostenlos verfügbar, wenn Sie sich per E-Mail oder über ein GitHub/Gmail-Konto anmelden. Die kostenpflichtige Version bietet einige erweiterte Funktionen wie benutzerdefinierte Subdomains, Whitelists, Support usw.
Die kostenlose Version reicht jedoch für alle praktischen Anforderungen aus. Interessant ist auch die Aussprache: Manche sagen „NG rok“, während viele Leute „en-grok“ bevorzugen.
Einige Anwendungen von Ngrok
Versuchen wir, einige Anwendungsfälle zu verstehen, in denen dieses Dienstprogramm verwendet werden kann:
#1) Angenommen, Sie entwickeln eine Webanwendung, die auf einem lokalen Host gehostet wird, und Sie möchten sie auf allen Browser-/Betriebssystemkombinationen überprüfen/validieren. Sie können einen Mac verwenden und sie im Internet Explorer testen. Dann können Sie Ihre Anwendung einfach starten und über ngrok verfügbar machen. Jeder mit einem Windows-PC kann auf diesen Link zugreifen und Sie können Ihre Website testen.
Schauen Sie sich die anderen Anwendungsfälle von Tests auf mobilen Browsern an, die mit dem freigegebenen Weblink durchgeführt werden könnten.
#2) Für Anwendungsfälle wie Webhooks, bei denen Sie sich auf ein externes System verlassen, das Sie über ein bestimmtes Ereignis benachrichtigt. Beispielsweise Webhooks von Zahlungsdiensten, die nach erfolgreichem Abschluss einer Zahlung ausgelöst werden. Um diese Integration zu validieren, benötigen Sie von der auslösenden Anwendung Zugriff auf diesen Webhook, d. h. eine öffentlich zugängliche URL, die mit ngrok erreicht werden kann.
#3) Ein weiterer sehr wichtiger Anwendungsfall ist, wenn Sie Ihren Endbenutzern und/oder Kunden Ihre Webanwendung vorführen/präsentieren möchten. Dann können Sie damit eine öffentliche URL generieren und diese freigeben.
Wie funktioniert Ngrok?
Nachfolgend wird die Funktionsweise dieses Dienstprogramms Schritt für Schritt erläutert.
Nachfolgend finden Sie eine kurze Beschreibung der oben nummerierten Pfeile:
- Führen Sie die lokale App aus, damit sie auf Ihrem lokalen Host aufgerufen werden kann. Beispiel: http://localhost:8080
- Initiieren Sie nun mit der ausführbaren Datei ngrok (verfügbar für verschiedene Plattformen wie Mac, Windows usw.) einen Tunnel zum lokalen Host auf dem gewünschten Port. Wir werden dieses Detail in den nächsten Abschnitten sehen.
- Sobald ngrok den Tunnel eingerichtet hat, stellt er eine über das Internet zugängliche URL bereit.
- Geben Sie jetzt die öffentlich zugängliche URL an die Endbenutzer weiter, die auf die lokal gehostete Anwendung zugreifen würden.
- Endbenutzer rufen die Web-URL im Internet auf.
- Wenn die Anforderung beim ngrok-Server eintrifft (da sich die URL in einer Subdomäne von ngrok.com befindet, landen die Anforderungen zunächst beim ngrok-Server), wird die URL in die App aufgelöst, zu der ein Tunnel erforderlich ist.
- Ngrok leitet die Anfrage an den in Schritt 2 erstellten Tunnel weiter.
- Die weitergeleitete Anfrage stellt eine Verbindung mit der lokal gehosteten App her.
Oben ist die Abfolge der Schritte aufgeführt, die ausgeführt werden, wenn über ngrok auf eine lokal gehostete App zugegriffen wird.
Die Installation dieses Dienstprogramms ist ein einfacher Vorgang, bei dem Sie lediglich die ngrok-Binärdatei herunterladen und entpacken müssen.
Befolgen Sie die unten angegebenen Schritte, um Ngrok zu installieren:
#1) Erstellen Sie zunächst ein kostenloses Konto bei Ngrok , um ein Authentifizierungstoken für Ihr Konto zu erhalten. Ohne Authentifizierungstoken können Sie keine Tunnel für die lokal gehosteten Anwendungen starten.
#2) Laden Sie die Client-Bibliothek je nach Ihrem Betriebssystem herunter.
#3) Entpacken Sie das heruntergeladene Paket.
#4) Aktualisieren Sie die ngroks-Konfigurationsdatei mit Ihrem Authentifizierungstoken, indem Sie den folgenden Befehl im Terminal/in der Eingabeaufforderung ausführen.
./ngrok authtoken {Ihr Authentifizierungstoken}
Sie können die Konfigurationsdatei aufrufen/ansehen, um zu sehen, ob Ihr Authentifizierungstoken aktualisiert wurde oder nicht. Die Ngrok-Konfigurationsdatei ist im Benutzerverzeichnis unter – ~/.ngrok2/ngrok.yml verfügbar.
#5) Sobald das Authentifizierungstoken aktualisiert ist, sollten Sie den Tunnel für Ihre lokal gehosteten Anwendungen starten können.
#6) Um den Tunnel auf Port 80 für den lokalen Host zu starten, führen Sie einfach den folgenden Befehl aus.
./ngrok http 80
Sobald der obige Befehl ausgeführt wird, wird ein Tunnel zum localhost:80 erstellt (welche Anwendung auch immer auf diesem Port ausgeführt wird, sollte über die getunnelte URL zugänglich sein, wie in der folgenden Abbildung gezeigt).
Mehr lesen: [SCHRITTE] So geben Sie in wenigen Sekunden ein shrug emoji ein
Fazit
In diesem Tutorial haben wir gesehen, was Ngroks ist und wie Sie es auf Ihrem Desktop oder Laptop einrichten und installieren können. Es ist ein großartiges, praktisches Dienstprogramm, mit dem Sie jede lokal gehostete Anwendung über das Web verfügbar machen können.
Wir haben außerdem erläutert, wie dieses Dienstprogramm funktioniert, vom Starten des Tunnels bis zu dem Zeitpunkt, an dem eine Endbenutzeranforderung die lokal gehostete Anwendung erreicht.
Im nächsten Tutorial werden wir Ngrok anhand einiger Beispielanwendungen in Aktion sehen.