Otras herramientas

Usar ngrok

ngrok es una herramienta fácil de usar que le permite crear un túnel seguro en su equipo local junto con una URL pública que puede usar para probar su proyecto local o compartir su trabajo para que un cliente o compañero de equipo lo revise. Puede configurar HTTP o HTTPS y, debido a la popularidad de esta herramienta, si algo se rompe, hay muchos artículos que describen diferentes formas de resolver su problema. En este artículo se tratan un par de formas fáciles de instalar ngrok y qué hacer si no puede hacer que su aplicación web se comunique con ngrok.

ngrok

Nuestros amigos en ngrok han escrito un excelente artículo dedicado a la admisión de webhooks de Frame.io a través de ngrok. Échele un vistazo aquí.

Instalar ngrok

Puede usar ngrok de dos formas diferentes.

Instalar a través del instalador de ngrok

  1. Vaya al sitio web de ngrok y siga las instrucciones que se indican ahí: https://ngrok.com/download.
  2. Si quiere las funciones que ofrece la conexión de una cuenta, entonces debe seguir estas instrucciones para obtener una cuenta y un token.

No tiene que obtener una cuenta ni añadir el token, pero le recomendamos que eche un vistazo a la página de descarga para ver si es algo que quiere o necesita.

Nota:

Si usa este método, ngrok se ejecuta desde el lugar donde lo almacena, a menos que haga que esté disponible en todo su sistema.

Instalar con Homebrew

Este es mi método favorito para instalar ngrok. Si tiene Homebrew instalado, todo lo que tiene que hacer es escribir homebrew cask install ngrok . Con este método, ngrok se instala automáticamente y puede usarlo desde cualquier lugar. Lo mejor de todo es que no tiene que escribir ./ngrok en el terminal al inicio de cada comando, simplemente puede escribir ngrok. Puede obtener más información sobre esta opción aquí.

Usar ngrok

Después de configurar ngrok, elija un puerto como 3000 y ejecútelo desde una línea de comandos de terminal con el comando ngrok http 3000. No tiene que usar el puerto 3000, pero este es el que se suele usar a la hora de elegirlo en la configuración. Si configura ngrok para que se ejecute desde una carpeta específica, entonces debe acceder a la carpeta donde colocó ngrok y usar el comando ./ngrok http 3000.

Inicie el servidor de su proyecto para que escuche en el mismo puerto y podrá acceder a su trabajo a través de la dirección pública que ngrok ha proporcionado.

Solución de problemas de ngrok con su aplicación web: Barra diagonal final

Un problema que puede surgirle con ngrok es que no pueda conectarse a su servidor cuando configura una URL de ngrok para su uso con la aplicación web. Lo frustrante de este problema es que ngrok no registrará que le envió algo. Puede abrir localhost:4040 para ver qué está pasando, y no le mostrará nada. (ngrok proporciona localhost:4040 para que pueda monitorizar cualquier solicitud entrante a su servidor). Parece que ngrok asigna direcciones con /(.) en lugar de (/.)‚ por lo tanto, si no incluye una barra diagonal al final de su dirección y no ve nada en las herramientas de monitorización de ngrok, es porque ngrok no encuentra ninguna coincidencia para la dirección que indica.

A continuación, se muestra un ejemplo de cómo añadir una barra diagonal final: http://algo.ngrok.io/. También puede escribir sus aplicaciones de muestra para que se resuelvan a un punto final que incluya una barra diagonal. Solo recuerde que para que la aplicación de Frame.io llegue a su servidor, si su aplicación de muestra usa el punto final /actions, necesita añadir el punto final /actions al final de su dirección ngrok. Por ejemplo, si la dirección ngrok es http://algo.ngrok.io, necesitaría proporcionarla en su configuración de acción personalizada como http://algo.ngrok.io/actions. Esto puede ser diferente para otras aplicaciones web, así que experimente con el final de la dirección ngrok si no consigue que las cosas funcionen inmediatamente.

¿Puedo usar otro método que no sea ngrok? Pruebe Glitch

Glitch es una alternativa bastante genial a ngrok y es más rápido de configurar. Glitch le permite crear una cuenta y luego generar sus propias aplicaciones a través de sus servidores con una URL de acceso público. Puede colaborar con otras personas, hacer que su código sea público o privado, y elegir entre una amplia variedad de lenguajes y plataformas. Consulte https://glitch.com/create para ver lo que hay disponible. Cuando configura su proyecto en Glitch, para algunas aplicaciones web, es posible que aparezca el problema de la barra diagonal final. En el caso de Frame.io, cuando configura una acción personalizada en developer.frame.io, necesita incluir la barra diagonal al final de la URL que Glitch proporciona. No necesita añadir nada más, ni siquiera para el punto final /actions.

¿Hay algo configurado que pueda probar ahora mismo?

Sí. Si no quiere usar ngrok ni crear su propio proyecto de Glitch, hemos configurado una aplicación de muestra para que pruebe. Se encuentra aquí: https://frameio-custom-action.glitch.me. Recuerde que debe incluir una barra diagonal final cuando añada esta dirección en el área de acciones personalizadas de [/).

Recursos

En esta sección aparecen los recursos que se han mencionado a lo largo del artículo:

](https://ngrok.com/) [* <a href=“https://ngrok.com/“>ngrok https://ngrok.com/