Menú

Tutorial de Ngrok: una breu introducció amb instal·lació i configuració

  • Principal
  • Altres
  • Tutorial de Ngrok: una breu introducció amb instal·lació i configuració

ngrok tutorial brief introduction with installation

Proveu El Nostre Instrument Per Eliminar Problemes

Aquest tutorial explica què és Ngrok i com es pot configurar i instal·lar:

Ngrok és una utilitat útil per crear túnels segurs a aplicacions allotjades localment mitjançant un servidor intermediari invers. És una utilitat per exposar qualsevol aplicació allotjada localment al web.

En termes senzills, proporciona un URL web accessible públicament a qualsevol aplicació allotjada localment, és a dir, ja sigui una aplicació web d’arrencada de Spring o basada en nodejs o un webhook per a una aplicació de xat, etc.

Introducció a Ngrok

Què aprendreu:

Visió general

Ngrok està disponible per a un ús gratuït mitjançant la signatura a través del correu electrònic o del compte GitHub / Gmail. La versió de pagament té poques funcions millorades com ara subdominis personalitzats, llista blanca, assistència, etc.

No obstant això, la versió gratuïta és suficient per a totes les necessitats pràctiques. A més, una peça interessant és com es pronuncia, és a dir, alguns ho diuen com 'N G rok', mentre que molta gent prefereix 'en-grok'

Poques aplicacions de Ngrok

Intentem comprendre alguns casos d'ús en què es pot utilitzar aquesta utilitat:

# 1) Suposem que esteu desenvolupant una aplicació web allotjada a localhost i que voleu verificar-la / validar-la en tots els navegadors / combinacions de sistemes operatius. Podeu estar a Mac i voleu que es provi a Internet Explorer; llavors només podeu iniciar la vostra aplicació i exposar-la a través de ngrok. Qualsevol persona que tingui un PC amb Windows pot accedir a aquest enllaç i podeu provar el vostre lloc web.

Vegeu els altres casos d'ús de proves en navegadors mòbils que es podrien aconseguir mitjançant l'enllaç web exposat.

# 2) Per a casos d’ús com Webhooks, en què confieu en un sistema extern per notificar un esdeveniment determinat. Per exemple, Webhooks del servei de pagament que s’activen quan es realitza correctament el pagament. Per validar aquesta integració, necessitareu que l'aplicació activadora accedeixi a aquest webhook, és a dir, un URL accessible públicament que es pugui aconseguir mitjançant ngrok.

# 3) Un altre cas d’ús molt important és si voleu demostrar / mostrar la vostra aplicació web als vostres usuaris finals i / o clients, podeu utilitzar-la per generar una URL pública i compartir-la.

Com funciona Ngrok?

A continuació es mostra el procés pas a pas que il·lustra la funcionalitat d’aquesta utilitat.

Funcionalitat de Ngrok

A continuació es dóna una breu descripció de les fletxes numerades que es mostren a dalt:

  1. Executeu l'aplicació local perquè pugueu accedir-hi al vostre localhost. Exemple: http: // localhost: 8080
  2. Ara amb l'executable ngrok (disponible per a diferents plataformes com Mac, Windows, etc.) inicieu un túnel cap a l'hostal local al port desitjat. Veurem aquest detall a les properes seccions.
  3. Un cop ngrok configura el túnel, proporciona un URL accessible al web.
  4. Ara compartiu l'URL d'accés públic amb els usuaris finals que accedirien a l'aplicació allotjada localment.
  5. Els usuaris finals accedeixen a l'URL del web a Internet.
  6. Quan la sol·licitud arriba al servidor ngrok (com que l'URL es troba en un subdomini de ngrok.com, les sol·licituds inicialment aterraran al servidor ngrok) i resoldrà l'URL de l'aplicació a la qual ha de fer un túnel.
  7. Ngrok reenvia la sol·licitud al túnel creat al pas 2.
  8. La sol·licitud reenviada es connecta a l'aplicació allotjada localment.

Més amunt esmenta la seqüència de passos que tenen lloc quan s’accedeix a una aplicació allotjada localment mitjançant ngrok.

Instal·lació

Aquí teniu un vídeo tutorial:

Instal·lar aquesta utilitat és un procés senzill que només implica descarregar binari ngrok i descomprimir-lo.

Seguiu els passos que s'indiquen a continuació per instal·lar Ngrok:

# 1) Primer creeu un compte gratuït a faldilla per obtenir un testimoni d’autorització per al vostre compte. Sense un testimoni d’autorització, no podreu iniciar túnels per a les aplicacions allotjades localment.

# 2) Descarregueu la biblioteca client depenent del sistema operatiu en què estigueu.

# 3) Descomprimiu el paquet descarregat.

# 4) Actualitzeu el fitxer de configuració de ngrok amb el vostre testimoni d'autenticació executant l'ordre següent al terminal / indicador d'ordres.

passarel·la predeterminada no disponible Windows 10 wifi
./ngrok authtoken {your-auth-token}

Podeu visitar / visualitzar el fitxer de configuració per veure si el vostre testimoni d’autorització s’ha actualitzat o no. El fitxer de configuració Ngrok està disponible al directori d'usuaris a la ubicació - ~ / .ngrok2 / ngrok.yml

# 5) Un cop actualitzat el testimoni d’autorització, hauríeu de poder iniciar el túnel per a les vostres aplicacions allotjades localment.

# 6) Per iniciar el túnel al port 80 de localhost, simplement executeu l'ordre següent.

./ngrok http 80

Un cop executada l'ordre anterior, es crea un túnel al localhost: 80 (qualsevol aplicació que s'executi en aquest port hauria de ser accessible a través de l'URL del túnel tal com es mostra a la figura següent).

ngrok: túnel

Conclusió

En aquest tutorial, vam veure què és Ngrok i com podeu configurar-lo i instal·lar-lo al vostre escriptori o portàtil. És una utilitat molt útil que us permet exposar qualsevol aplicació allotjada localment al web.

També hem analitzat com funciona aquesta utilitat des de l'inici del túnel fins que una sol·licitud de l'usuari final arriba a l'aplicació allotjada localment.

Al proper tutorial, veurem Ngrok en acció amb algunes aplicacions de mostra.

NEXT Tutorial

Lectura recomanada

^