Compartir aplicaciones web usando dev tunnels en Visual Studio 2022

A veces queremos compartir lo que estamos haciendo, los cambios que estamos realizando o una prueba de concepto con otros. Para ello, necesitamos publicar nuestra app o compartir la pantalla con otros y mostrar paso a paso lo que estamos haciendo y cómo funciona. Ngrok es una aplicación para este escenario, es simple de usar, gratuito pero con algunas limitaciones.

En Visual Studio 2022, ahora tenemos la posibilidad de compartir rápidamente nuestra aplicación web con una URL pública https.

Dado que esta es una característica de vista previa en Visual Studio, debemos navegar a Herramientas -> Administrar características de vista previa

Y marque la opción “Habilitar túneles de desarrollo para aplicaciones web”

Después de eso, en nuestra aplicación web de ASP.NET, debemos abrir el archivo launchsettings.json y agregar 2 propiedades al perfil general para incluir ahora la funcionalidad de abrir la aplicación usando dev tunnels, o también podemos crear un nuevo perfil.

Ejemplo

"profiles": {
    "WebApplication1": {
        "commandName": "Project",
        "dotnetRunMessages": true,
        "launchBrowser": true,
        "applicationUrl": "https://localhost:7211;http://localhost:5258",
        "environmentVariables": {
            "ASPNETCORE_ENVIRONMENT": "Development"
        },
        "devTunnelEnabled": true,
        "devTunnelAccess": true
    },
    "IIS Express": {
        "commandName": "IISExpress",
        "launchBrowser": true,
        "environmentVariables": {
            "ASPNETCORE_ENVIRONMENT": "Development"
        }
    }
}

Finalmente, ahora podemos ejecutar el perfil modificado o el nuevo perfil que incluye las 2 propiedades de dev tunnels y ejecutar la aplicación en una URL pública que otras personas puedan ver.

Necesitamos confirmar que queremos usar el túnel de desarrollo en el navegador

Este es el sitio web ejecutándose usando dev tunnels, podemos ver la URL pública que podemos copiar y compartir con otros programadores o miembros del equipo:

Ahora podemos compartir este sitio con otros, cada vez que podamos ejecutar su proyecto, Visual Studio generará una nueva dirección URL.

Referencia: Sharing Web Apps Using Dev Tunnels In Visual Studio 2022 (c-sharpcorner.com)

Recuerda siempre seguir aprendiendo con mis cursos en mteheran.dev/cursos