Einrichten von ngrok für die lokale Webentwicklung

Manchmal müssen Sie einen lokalen Server, der auf Ihrem Computer läuft, dem Internet zugänglich machen. Dies kann nützlich sein, um eine Webanwendung zu testen, bevor sie auf einem Remoteserver bereitgestellt wird.

Erfahren Sie, wie Sie ngrok verwenden, ein gängiges Tool, um lokale Webserver dem Internet zugänglich zu machen.

Verwenden von ngrok für die lokale Webentwicklung

ngrok ist seit 2015 eine Tunneling-Lösung zum Betrieb lokaler Webserver im Internet.

Mit ngrok können Sie eine öffentliche URL erstellen, die Ihrem lokalen Server zugeordnet ist, sodass andere problemlos von überall auf der Welt auf ihre Arbeit zugreifen können. Anschließend können Sie Ihre Anwendungen von verschiedenen Geräten und Webbrowsern aus testen und mithilfe der Anfrage- und Antwortprotokolle von ngrok Fehler beheben.

Wenn Sie es mit einem öffentlichen Tunnel zu tun haben, haben Sie möglicherweise Sicherheitsbedenken. ngrok unterstützt sichere Tunnel mit SSL-Verschlüsselung, wodurch die Verwendung für sensible Daten und Anwendungen sicher ist. All diese Funktionen haben ngrok zu einem wertvollen und beliebten Werkzeug für Entwickler gemacht, die an einem persönlichen Projekt arbeiten oder mit anderen zusammenarbeiten.

Installieren von ngrok auf Ihrem Computer

Der Einstieg in die Hauptfunktionen von ngrok ist völlig kostenlos und sehr unkompliziert. Obwohl es eine kostenpflichtige Version von ngrok gibt, die mehr Funktionen bietet. Lassen Sie uns lernen, wie Sie ngrok auf Ihrem Computer installieren und einrichten.

Um ngrok auf Ihrem Computer zu installieren, besuchen Sie die offizielle ngrok-Downloadseite .

Sie sollten dann mit dem Herunterladen von ngrok für Ihr spezifisches Betriebssystem (Betriebssystem) fortfahren, indem Sie entweder die ZIP-Datei herunterladen und extrahieren oder sie mit einem Paketmanager wie Chocolatey oder Homebrew installieren.

Um ngrok mit Chocolatey oder Homebrew unter Windows und macOS zu installieren, müssen Sie einen der beiden Paketmanager installiert haben.

Um Chocolatey unter Windows zu installieren, führen Sie diesen Befehl im Windows PowerShell-Administrator aus:

Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))


Um Homebrew unter macOS zu installieren, führen Sie diesen Befehl in Ihrem Terminal aus:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"


Jetzt haben Sie die entsprechenden Paketmanager und können ngrok mit einem der beiden auf Ihrem Computer installieren.

Erstellen eines neuen lokalen ngrok-Tunnels mit Ihrem Konto

Um einen ngrok-Tunnel zu erstellen, um Ihren lokalen Server verfügbar zu machen, müssen Sie sich für ein ngrok-Konto anmelden und ein Authentifizierungstoken erstellen.

Schritt 1: Registrieren Sie sich

Gehen Sie zur Anmeldeseite von ngrok , füllen Sie das Formular mit Ihren erforderlichen Daten aus und klicken Sie auf Anmelden .

Schritt 2: Token zur Konfiguration hinzufügen

Jetzt haben Sie ein Konto und müssen Ihr automatisch generiertes Authentifizierungstoken zur Konfigurationsdatei ngrok.yml hinzufügen . Dieses Token ist einzigartig für Ihr Konto, daher sollten Sie es sicher aufbewahren. Navigieren Sie zum Hinzufügen des Authentifizierungstokens zur Seite „Ihr Authentifizierungstoken “ in der seitlichen Navigationsleiste.

Sie können Ihr Authentifizierungstoken kopieren und den demonstrierten Befehl in Ihrem Terminal ausführen, um die Konfigurationsdatei festzulegen:

ngrok config add-authtoken YOUR_AUTH_TOKEN


Schritt 3: Führen Sie ngrok aus

Nachdem Sie die vorherigen Schritte abgeschlossen haben, können Sie einen ngrok-Tunnel erstellen, um Ihren Server auszuführen.

Führen Sie dazu den folgenden Befehl mit einer bevorzugten Portnummer aus.

Zum Beispiel:

ngrok http 3000


Auf Ihrem Computer läuft jetzt ein lokaler ngrok-Tunnel.

Umgang mit allgemeinen Einrichtungsproblemen

• Firewall-Einschränkungen: Wenn sich Ihr Computer hinter einer Firewall befindet, müssen Sie möglicherweise die Einstellungen anpassen, damit ngrok eine Verbindung zum Internet herstellen kann.
• Falsches Authentifizierungstoken: Wenn Sie beim Starten von ngrok das falsche Authentifizierungstoken eingeben, erhalten Sie möglicherweise eine Fehlermeldung, die besagt, dass Ihr Token ungültig ist. Bestätigen Sie Ihr Token oder setzen Sie das Token auf der Website zurück, indem Sie auf die Schaltfläche Reset Authtoken klicken .
  
• Berechtigung verweigert: Wenn Sie beim Starten von ngrok die Fehlermeldung „Berechtigung verweigert“ erhalten, müssen Sie den Befehl ngrok möglicherweise als Administrator oder mit erhöhten Rechten ausführen.

Die Vorteile der Verwendung von ngrok für die lokale Webentwicklung

Egal, ob Sie an einem persönlichen Projekt arbeiten oder mit einem Team zusammenarbeiten, ngrok ist ein wertvoller Bestandteil Ihres Webentwicklungs-Toolkits. Durch die Kompatibilität mit verschiedenen Plattformen und Programmiersprachen eignet es sich für das Testen von Webanwendungen, die Zusammenarbeit oder die Demonstration von Projekten für Kunden.