Instala y usa Cloud Tools for Visual Studio

1. Descripción general

Visual Studio es el IDE de referencia para los desarrolladores de Windows y .NET. Cloud Tools for Visual Studio es un complemento para compilar y probar aplicaciones de Windows y .NET de forma local, y para implementarlas en Google Cloud Platform directamente desde Visual Studio.

Google Cloud Explorer te permite examinar fácilmente proyectos y recursos de Google Cloud en todas tus cuentas de Visual Studio.

En este codelab, aprenderás a instalar y usar Cloud Tools for Visual Studio, y a interactuar directamente con los recursos de Google Cloud desde Visual Studio.

Qué aprenderás

  • Cómo instalar Cloud Tools for Visual Studio
  • Cómo autenticarse en Google Cloud Platform
  • Cómo usar Google Cloud Explorer para administrar recursos
  • Cómo crear y administrar instancias de Google Compute Engine
  • Cómo crear e implementar apps de ASP.NET
  • Cómo explorar Google Cloud Storage

Requisitos

¿Cómo usarás este instructivo?

Leer Leer y completar los ejercicios

¿Cómo calificarías tu experiencia con Google Cloud Platform?

Principiante Intermedio Avanzado

2. Configuración y requisitos

Para este codelab, necesitas un proyecto de Google Cloud Platform para interactuar con Visual Studio. Si ya tienes un proyecto, puedes usarlo o crear uno nuevo siguiendo estos pasos.

Configuración del entorno de autoaprendizaje

Si aún no tienes una Cuenta de Google (Gmail o G Suite), debes crear una. Accede a la consola de Google Cloud ( console.cloud.google.com) y crea un proyecto nuevo:

aa2b71cbc7c28c59.png

60b154eb0fd9569a.png

Recuerda el ID del proyecto, un nombre único en todos los proyectos de Google Cloud Platform. Se mencionará más adelante en este codelab como PROJECT_ID.

A continuación, debes habilitar la facturación en Google Cloud Console para usar los recursos de Google Cloud Platform, como Google Cloud Datastore y Cloud Storage.

Los usuarios nuevos de Google Cloud Platform son aptos para obtener una prueba gratuita de USD 300. Ejecutar este codelab debería costar solo unos pocos dólares, pero su costo podría aumentar si decides usar más recursos o si los dejas en ejecución (consulta la sección “Limpiar” al final de este documento).

3. Instalación

Cloud Tools for Visual Studio se puede instalar directamente en Visual Studio desde la Galería de Visual Studio. Inicia Visual Studio, ve al menú Tools y selecciona Extensions and Updates. Se abrirá una ventana nueva. En el lado izquierdo, selecciona Online y, luego, Visual Studio Gallery. En el lado derecho, deberías ver la entrada de texto Search Visual Studio Gallery. Busca Google Cloud. Deberías ver una lista con varios resultados, pero debes buscar Google Cloud Tools for Visual Studio.

793794e10f2e6f68.png

Haz clic en Descargar. Se descargará el complemento y, luego, podrás hacer clic en Instalar para instalarlo. Una vez que finalice la instalación, deberás reiniciar Visual Studio.

Para asegurarte de que todo se instaló correctamente, deberías ver un nuevo elemento de menú Google Cloud Tools en el menú Tools de Visual Studio.

4. Autenticación

Antes de usar Cloud Tools for Visual Studio, debes autenticarte en Google Cloud Platform. Ve a Tools > Google Cloud Tools > Manage Accounts > Add Account.

Se debería abrir una nueva ventana del navegador en la que puedes acceder con tu Cuenta de Google. Si no se configura un navegador predeterminado, a veces puedes quedarte atascado con el diálogo "¿Cómo quieres abrir este sitio web?". En ese caso, asegúrate de establecer Chrome como navegador predeterminado y vuelve a intentarlo.

Luego, debes otorgar acceso a Cloud Tools for Visual Studio a tu proyecto de Google Cloud Platform. Cuando termines, deberías ver el mensaje Visual Studio is now authorized to access your account.

Puedes cerrar el navegador y volver a Visual Studio. Vuelve a mirar en Google Cloud Tools > Manage Accounts. Deberías ver tu cuenta en la lista.

5. Google Cloud Explorer

Una vez que te autentiques, podrás usar Google Cloud Explorer para administrar recursos. En Visual Studio, ve a Tools > Google Cloud Tools > Show Google Cloud Explorer.

Se abrirá una ventana nueva. En la parte superior, elige tu proyecto de Google Cloud Platform. En el medio, puedes ver los recursos de Compute Engine, Cloud Storage y Cloud SQL.

801c1722b560f407.png

En la siguiente sección, aprenderás a crear y administrar instancias de Compute Engine desde Visual Studio.

6. Crear y administrar instancias de Google Compute Engine

Crea una instancia

En esta sección, implementarás una máquina Windows con el framework de ASP.NET instalado en Compute Engine. Para ello, haz clic con el botón derecho en Google Compute Engine y selecciona New ASP.NET instance.

ef78cea8bca7ff1e.png

Se abrirá una nueva ventana del navegador con Cloud Launcher. Sigue las indicaciones para implementar una instancia de Windows con el framework de ASP.NET. La implementación tardará unos minutos en completarse. Una vez que se complete, deberías ver la instancia nueva en la lista de instancias de Compute Engine tanto en Visual Studio como en Google Cloud Console.

Crea un nombre de usuario y una contraseña de Windows

Para conectarte a la nueva máquina virtual a través del escritorio remoto o guardar el archivo de configuración de publicación (para usarlo durante las implementaciones), debes crear un nombre de usuario y una contraseña de Windows. Haz clic con el botón derecho en la instancia de Compute Engine recién creada (que comenzará con "aspnet") y elige Administrar credenciales de Windows.

573d93972b3d6fff.png

En la siguiente pantalla, puedes crear un usuario y una contraseña de Windows (o dejar que el complemento de Visual Studio genere uno por ti). Si ves un error que indica que debes tener instalado el componente beta del SDK de Google Cloud, sigue las instrucciones para instalar los componentes beta y, luego, continúa con la creación del usuario. Una vez que se cree el usuario, deberías verlo en la lista de usuarios.

Para probar que puedes acceder a la instancia a través de RDP con el nuevo usuario de Windows, puedes volver a hacer clic con el botón derecho en la instancia de Compute Engine, seleccionar Abrir sesión de escritorio remoto y elegir el usuario de Windows que acabas de crear en el menú desplegable. Haz clic en Abrir y, luego, en Conectar. Si ves una advertencia del certificado, omítela y selecciona para continuar. Después de unos segundos, deberías ver una sesión de Escritorio remoto abierta en tu instancia de Windows que se ejecuta en Compute Engine.

6792760b1829ebd1.png

Cómo guardar la configuración de publicación

Hay otras acciones que puedes realizar en una instancia de Compute Engine desde Visual Studio, como configurar reglas de firewall o detener la instancia. Para ver la lista completa, haz clic con el botón derecho en la instancia.

Puedes revisarlos por tu cuenta, pero asegúrate de guardar el archivo de configuración de publicación. Selecciona Guardar configuración de publicación, elige el nombre de usuario de Windows y, luego, descarga el archivo. Usarás este archivo para implementar una aplicación simple de ASP.NET en Google Cloud Platform en la sección.

7. Crea e implementa apps de ASP.NET

Crea una app de ASP.NET MVC a partir de la plantilla de proyecto de Google Cloud Platform

Cloud Tools for Visual Studio incluye algunas plantillas de proyectos de Google Cloud Platform. En esta sección, crearás una app de ASP.NET MVC simple con una de esas plantillas y la implementarás en Google Cloud Platform con el archivo de configuración de publicación que guardaste antes.

Para comenzar, en Visual Studio, ve a New > Project > Visual C# > Google Cloud Platform. Hay dos plantillas de Google Cloud Platform, una para MVC y otra para la API web. Elige la plantilla Google ASP.NET 4 MVC. Ajusta el nombre del proyecto, el nombre de la solución y la ubicación como prefieras, y haz clic en Aceptar. Esto creará una solución y un proyecto nuevos para la app de ASP.NET.

Ejecuta la app de forma local

Para probar la app de forma local, ve a Debug > Start Debugging. Primero, se descargarán las dependencias de NuGet y, luego, se compilará la app. En unos segundos, debería aparecer una ventana del navegador con la app de MVC ejecutándose de forma local.

6f264456e8038700.png

Una vez que hayas verificado que la app se ejecuta según lo previsto, deténla (Mayúsculas + F5).

Implementa la app en Google Cloud

Ahora, ya puedes implementar la app en Google Cloud Platform. Haz clic con el botón derecho en el proyecto y selecciona Publicar.

8d230a4bbcc6aa44.png

Se abrirá el diálogo de publicación. En el diálogo de publicación, selecciona Import como el destino de publicación y apunta al archivo de configuración de publicación que descargaste antes.

Deberías ver un diálogo de conexión con el servidor, el nombre del sitio, etc., ya completados. Para asegurarte de que la conexión sea buena, haz clic en Validate Connection. Poco después, deberías ver una flecha verde.

396613835acc065f.png

Haz clic en Siguiente y, en Opciones de publicación de archivo, asegúrate de que esté marcada la opción Quitar archivos adicionales en el destino.

bb25fd89ffcca1e.png

Haz clic en Publicar. Esto compilará y publicará la app en Google Cloud. Al final, deberías ver el mensaje Publish Succeeded en la ventana de salida.

55a920a8ae2c44e.png

En este punto, deberías poder visitar la IP externa de la instancia de Compute Engine y ver la app predeterminada de MVC. La forma más sencilla es ir a Herramientas > Herramientas de Google Cloud > Mostrar Google Cloud Explorer, hacer clic con el botón derecho en la instancia de Compute Engine y seleccionar Abrir sitio web.

b80e32136c037a0.png

8. Explora Google Cloud Storage

En esta parte del codelab, crearás un bucket de Cloud Storage, subirás un archivo aleatorio al bucket y, luego, usarás Google Cloud Explorer para navegar a ese bucket.

Para crear un bucket, ve a la consola de Google Cloud y selecciona Storage en la lista de productos.

25f93c20933f0b87.png

Selecciona Crear bucket, asígnale un nombre único y haz clic en Crear. Una vez que se cree el bucket, podrás subir archivos a él y verlos en el navegador de Storage.

9912d408cdb51f31.png

Ahora, regresa a Visual Studio y abre Google Cloud Explorer. En la esquina superior izquierda, presiona el botón Actualizar. En Google Cloud Storage, deberías ver tu bucket nuevo. Puedes hacer clic con el botón derecho en el bucket y seleccionar Abrir en la consola de Cloud Platform para explorarlo.

882ff1d836529d2d.png

9. ¡Felicitaciones!

En este codelab, aprendiste a administrar instancias de Compute Engine y buckets de Cloud Storage desde Visual Studio, pero hay mucho más. También puedes administrar recursos de Cloud SQL desde Visual Studio, pero eso queda como ejercicio para el lector. Consulta la siguiente lista de próximos pasos para obtener más información.

Temas abordados

  • Cómo instalar Cloud Tools for Visual Studio
  • Cómo autenticarse en Google Cloud Platform
  • Cómo usar Google Cloud Explorer para administrar recursos
  • Cómo crear y administrar instancias de Google Compute Engine
  • Cómo crear e implementar apps de ASP.NET
  • Cómo explorar Google Cloud Storage

Próximos pasos