Menu

Samouczek Ngrok: Krótkie wprowadzenie do instalacji i konfiguracji

  • Główny
  • Inny
  • Samouczek Ngrok: Krótkie wprowadzenie do instalacji i konfiguracji

ngrok tutorial brief introduction with installation

Wypróbuj Nasz Instrument Do Eliminowania Problemów

W tym samouczku wyjaśniono, czym jest Ngrok oraz jak można go skonfigurować i zainstalować:

Ngrok to przydatne narzędzie do tworzenia bezpiecznych tuneli do lokalnie hostowanych aplikacji przy użyciu zwrotnego proxy. Jest to narzędzie umożliwiające udostępnianie w Internecie dowolnej aplikacji hostowanej lokalnie.

Mówiąc najprościej, zapewnia publicznie dostępny adres URL do dowolnej aplikacji hostowanej lokalnie, tj. Czy to aplikacja internetowa Spring boot, czy aplikacja internetowa oparta na nodejs, czy webhook dla aplikacji do czatu itp.

Wprowadzenie do Ngrok

Czego się nauczysz:

Przegląd

Ngrok jest dostępny do bezpłatnego użytku po zalogowaniu się przez e-mail lub konto GitHub / Gmail. Wersja płatna ma kilka ulepszonych funkcji, takich jak niestandardowe subdomeny, biała lista, wsparcie itp.

Jednak darmowa wersja jest wystarczająca do wszystkich praktycznych potrzeb. Ciekawym jest też sposób wymawiania go, np. Niektórzy mówią, że to „N G rok”, podczas gdy wiele osób woli „en-grok”

Kilka zastosowań Ngrok

Spróbujmy zrozumieć kilka przypadków użycia, w których można użyć tego narzędzia:

# 1) Załóżmy, że tworzysz aplikację internetową hostowaną na hoście lokalnym i chcesz zweryfikować / zweryfikować ją we wszystkich kombinacjach przeglądarek / systemów operacyjnych. Możesz być na komputerze Mac i chcieć, aby testował w przeglądarce Internet Explorer, a następnie możesz po prostu uruchomić aplikację i udostępnić ją przez ngrok. Każdy, kto ma komputer z systemem Windows, może uzyskać dostęp do tego łącza i przetestować swoją witrynę.

Spójrz na inne przypadki użycia testów w przeglądarkach mobilnych, które można osiągnąć za pomocą odsłoniętego linku.

#dwa) Do przypadków użycia, takich jak elementy Webhook, w których polegasz na zewnętrznym systemie do powiadamiania o pewnym zdarzeniu. Na przykład, Webhooki usług płatniczych, które są uruchamiane po pomyślnym zakończeniu płatności. Aby zweryfikować tę integrację, wymagałbyś, aby aplikacja wyzwalająca miała dostęp do tego webhooka, tj. Publicznie dostępnego adresu URL, który można uzyskać za pomocą ngrok.

# 3) Innym bardzo ważnym przypadkiem użycia jest to, że jeśli chcesz demonstrować / prezentować swoją aplikację internetową użytkownikom końcowym i / lub klientom, możesz użyć jej do wygenerowania publicznego adresu URL i udostępnienia go.

Jak działa Ngrok?

Poniżej przedstawiono proces krok po kroku, który ilustruje funkcjonalność tego narzędzia.

Funkcjonalność Ngrok

Krótki opis ponumerowanych strzałek powyżej znajduje się poniżej:

  1. Uruchom aplikację lokalną, aby można było uzyskać do niej dostęp na hoście lokalnym. Przykład: http: // localhost: 8080
  2. Teraz z plikiem wykonywalnym ngrok (dostępnym dla różnych platform, takich jak Mac, Windows, itp.) Zainicjuj tunel do hosta lokalnego na żądanym porcie. O tym szczegółach dowiemy się w kolejnych sekcjach.
  3. Po skonfigurowaniu tunelu ngrok dostarcza dostępny w sieci adres URL.
  4. Teraz udostępnij publicznie dostępny adres URL użytkownikom końcowym, którzy trafią do aplikacji hostowanej lokalnie.
  5. Użytkownicy końcowi trafiają pod adres URL w Internecie.
  6. Gdy żądanie dotrze do serwera ngrok (ponieważ adres URL znajduje się w subdomenie ngrok.com, żądania będą początkowo kierowane do serwera ngrok) i rozwiążą adres URL do aplikacji, do której musi przejść tunel.
  7. Ngrok przekazuje żądanie do tunelu utworzonego w kroku 2.
  8. Przekazane żądanie łączy się z aplikacją hostowaną lokalnie.

Wspomniano powyżej sekwencję kroków, które mają miejsce, gdy dostęp do aplikacji hostowanej lokalnie jest uzyskiwany za pomocą ngrok.

Instalacja

Oto samouczek wideo:

Instalacja tego narzędzia jest prostym procesem, który polega po prostu na pobraniu pliku binarnego ngrok i rozpakowaniu go.

Wykonaj poniższe czynności, aby zainstalować Ngrok:

# 1) Najpierw utwórz darmowe konto na Spódnica aby uzyskać token uwierzytelniania dla swojego konta. Bez tokena uwierzytelniania nie będzie można uruchomić tuneli dla aplikacji hostowanych lokalnie.

#dwa) Pobierz bibliotekę klienta w zależności od używanego systemu operacyjnego.

# 3) Rozpakuj pobrany pakiet.

# 4) Zaktualizuj plik konfiguracyjny ngrok za pomocą tokenu uwierzytelniania, uruchamiając następujące polecenie w terminalu / wierszu polecenia.

./ngrok authtoken {your-auth-token}

Możesz odwiedzić / wyświetlić plik konfiguracyjny, aby sprawdzić, czy token autoryzacji został zaktualizowany, czy nie. Plik konfiguracyjny Ngrok jest dostępny w katalogu użytkownika w lokalizacji - ~ / .ngrok2 / ngrok.yml

# 5) Po zaktualizowaniu tokena uwierzytelniania powinno być możliwe uruchomienie tunelu dla aplikacji hostowanych lokalnie.

# 6) Aby uruchomić tunel na porcie 80 dla hosta lokalnego, po prostu wykonaj poniższe polecenie.

otwórz plik .jar dla systemu Windows 10
./ngrok http 80

Po wykonaniu powyższego polecenia tworzony jest tunel do hosta lokalnego: 80 (każda aplikacja uruchomiona na tym porcie powinna być dostępna za pośrednictwem tunelowanego adresu URL, jak pokazano na poniższym rysunku).

ngrok - tunel

Wniosek

W tym samouczku widzieliśmy, czym jest Ngrok i jak można go skonfigurować i zainstalować na komputerze stacjonarnym lub laptopie. Jest to świetne, poręczne narzędzie, które umożliwia udostępnianie w Internecie dowolnej aplikacji hostowanej lokalnie.

Omówiliśmy również, jak to narzędzie działa od momentu uruchomienia tunelu do momentu, gdy żądanie użytkownika końcowego dotrze z powrotem do aplikacji hostowanej lokalnie.

W nadchodzącym samouczku zobaczymy Ngrok w akcji z kilkoma przykładowymi aplikacjami.

NEXT Tutorial

rekomendowane lektury

^