Menú

Tutorial de Ngrok: una breve introducción con la instalación y configuración

  • Principal
  • Otro
  • Tutorial de Ngrok: una breve introducción con la instalación y configuración

ngrok tutorial brief introduction with installation

Pruebe Nuestro Instrumento Para Eliminar Los Problemas

Este tutorial explica qué es Ngrok y cómo se puede configurar e instalar:

Ngrok es una utilidad útil para crear túneles seguros a aplicaciones alojadas localmente utilizando un proxy inverso. Es una utilidad para exponer cualquier aplicación alojada localmente en la web.

En términos simples, proporciona una URL web de acceso público a cualquier aplicación alojada localmente, es decir, ya sea una aplicación web basada en Spring boot o nodejs o un webhook para una aplicación de chat, etc.

Introducción a Ngrok

Lo que vas a aprender:

Visión general

Ngrok está disponible para uso gratuito mediante la firma a través de correo electrónico o cuenta de GitHub / Gmail. La versión paga tiene algunas características mejoradas como subdominios personalizados, listas blancas, soporte, etc.

Sin embargo, la versión gratuita es suficiente para todas las necesidades prácticas. Además, una pieza interesante es cómo se pronuncia, es decir, algunos lo dicen como 'N G rok', mientras que mucha gente prefiere 'en-grok'.

Pocas aplicaciones de Ngrok

Intentemos comprender algunos casos de uso en los que se puede utilizar esta utilidad:

#1) Suponga que está desarrollando una aplicación web, alojada en localhost y desea verificarla / validarla en todas las combinaciones de navegadores / sistemas operativos. Puede estar en Mac y querer probarlo en Internet Explorer, luego puede simplemente iniciar su aplicación y exponerla a través de ngrok. Cualquiera con una PC con Windows puede acceder a ese enlace y puedes probar tu sitio web.

Mire los otros casos de uso de pruebas en navegadores móviles que podrían lograrse utilizando el enlace web expuesto.

#2) Para casos de uso como Webhooks, en los que depende de un sistema externo para notificar un evento determinado. Por ejemplo, Webhooks de servicios de pago que se activan tras la finalización correcta del pago. Para validar esta integración, necesitaría que la aplicación de activación acceda a este webhook, es decir, una URL de acceso público que se puede lograr utilizando ngrok.

#3) Otro caso de uso muy importante es si desea hacer una demostración / mostrar su aplicación web a sus usuarios finales y / o clientes, entonces puede usarla para generar una URL pública y compartirla.

¿Cómo funciona Ngrok?

A continuación se muestra el proceso paso a paso que ilustra la funcionalidad de esta utilidad.

VPN gratis Japón

Funcionalidad de Ngrok

A continuación se ofrece una breve descripción de las flechas numeradas de arriba:

  1. Ejecute la aplicación local, de modo que se pueda acceder a ella en su localhost. Ejemplo: http: // localhost: 8080
  2. Ahora, con el ejecutable ngrok (disponible para diferentes plataformas como Mac, Windows, etc.) inicie un túnel al localhost en el puerto deseado. Veremos este detalle en las próximas secciones.
  3. Una vez que ngrok configura el túnel, proporciona una URL accesible desde la web.
  4. Ahora comparta la URL de acceso público con los usuarios finales que accederían a la aplicación alojada localmente.
  5. Los usuarios finales acceden a la URL web en Internet.
  6. Cuando la solicitud llega al servidor ngrok (como la URL está en un subdominio de ngrok.com, las solicitudes inicialmente aterrizarán en el servidor ngrok) y resolverá la URL de la aplicación a la que necesita hacer un túnel.
  7. Ngrok reenvía la solicitud al túnel creado en el Paso 2.
  8. La solicitud reenviada se conecta a la aplicación alojada localmente.

Se mencionó anteriormente es la secuencia de pasos que tienen lugar cuando se accede a una aplicación alojada localmente utilizando ngrok.

Instalación

Aquí hay un tutorial en video:

La instalación de esta utilidad es un proceso simple que solo implica descargar el binario ngrok y descomprimirlo.

Siga los pasos que se indican a continuación para instalar Ngrok:

#1) Primero cree una cuenta gratuita en falda para obtener un token de autenticación para su cuenta. Sin un token de autenticación, no podrá iniciar túneles para las aplicaciones alojadas localmente.

#2) Descargar biblioteca cliente dependiendo del sistema operativo en el que se encuentre.

#3) Descomprime el paquete descargado.

#4) Actualice el archivo de configuración ngrok con su token de autenticación ejecutando el siguiente comando en la terminal / símbolo del sistema.

|_+_|

Puede visitar / ver el archivo de configuración para ver si su token de autenticación se ha actualizado o no. El archivo de configuración de Ngrok está disponible en el directorio de usuarios en la ubicación - ~ / .ngrok2 / ngrok.yml

#5) Una vez que se actualice el token de autenticación, debería poder iniciar el túnel para sus aplicaciones alojadas localmente.

#6) Para iniciar el túnel en el puerto 80 para localhost, simplemente ejecute el siguiente comando.

|_+_|

Una vez que se ejecuta el comando anterior, se crea un túnel para el localhost: 80 (cualquier aplicación que se esté ejecutando en este puerto debe ser accesible a través de la URL tunelizada como se muestra en la siguiente figura).

ngrok - túnel

Conclusión

En este tutorial, vimos qué es Ngrok y cómo puede configurarlo e instalarlo en su computadora de escritorio o portátil. Es una utilidad muy útil que le permite exponer cualquier aplicación alojada localmente en la web.

También explicamos cómo funciona esta utilidad desde el inicio del túnel hasta que una solicitud del usuario final llega a la aplicación alojada localmente.

En el próximo tutorial, veremos a Ngrok en acción con algunas aplicaciones de muestra.

SIGUIENTE Tutorial

Lectura recomendada

^