Ejercicio: Configuración del entorno

  • 4 minutos

Importante

Para realizar este ejercicio, se necesita una suscripción de Azure propia y puede que se apliquen cargos. Si aún no tiene una suscripción de Azure, cree una cuenta gratuita antes de comenzar.

Antes de empezar a trabajar en la canalización del sitio web de la empresa de juguetes, debe configurar el entorno. En esta sección, se asegurará de que los entornos de Azure y Azure DevOps están configurados para completar el resto del módulo.

Para cumplir estos objetivos, tendrá que:

  • Configurar un proyecto de Azure DevOps para este módulo.
  • Clonar el repositorio del proyecto en el equipo.
  • Crear un grupo de recursos en Azure.
  • Crear una conexión de servicio en Azure Pipelines.

Obtención del proyecto de Azure DevOps

Aquí se asegurará de que la organización de Azure DevOps esté configurada para completar el resto de este módulo. Para configurarla, ejecutará una plantilla que cree un proyecto en Azure DevOps.

Los módulos de esta ruta de aprendizaje forman parte de una progresión. Con fines de aprendizaje, cada módulo tiene asociado un proyecto de Azure DevOps.

Sugerencia

Incluso si ha completado el módulo anterior de la ruta de aprendizaje, siga estas instrucciones para crear un proyecto y asegúrese de asignarle un nombre nuevo.

Ejecución de la plantilla

Ejecute una plantilla que configure el proyecto de Azure DevOps.

Ejecución de la plantilla

En el sitio del generador de demostraciones de Azure DevOps, siga estos pasos para ejecutar la plantilla:

  1. Seleccione Iniciar sesión y acepte los términos de uso.

  2. En la página Crear proyecto, seleccione la organización de Azure DevOps. Después, escriba un nombre de proyecto, como toy-website-test.

    Captura de pantalla en la que se muestra la creación de un proyecto mediante el generador de demostraciones de Azure DevOps.

  3. Seleccione Crear un proyecto.

    La plantilla tarda unos minutos en ejecutarse. Crea automáticamente una canalización y un archivo de Bicep con los que trabajar en los ejercicios posteriores.

  4. Seleccione Navegar al proyecto para ir al proyecto de Azure DevOps.

Importante

El último ejercicio de este módulo contiene pasos de limpieza importantes. Asegúrese de realizar los pasos de limpieza, aunque no haya completado este módulo.

Clonación del repositorio

  1. Seleccione Repos>Files (Repositorios > Archivos).

    Captura de pantalla de Azure DevOps en la que se muestra el menú Repos (Repositorios) con la opción Files (Archivos) resaltada.

  2. Seleccione Clonar.

    Captura de pantalla de Azure DevOps en la que se muestra el repositorio, con el botón Clone (Clonar) resaltado.

  3. Si usa macOS, necesita una contraseña especial para clonar el repositorio de Git. Seleccione Generar credenciales de GIT y copie en un lugar seguro el nombre de usuario y la contraseña que se muestran.

  4. Seleccione Clonar en VS Code. Si se le pide que permita que se abra Visual Studio Code, seleccione Abrir.

    Captura de pantalla de Azure DevOps en la que se muestra la configuración del repositorio, con el botón para clonar en Visual Studio Code resaltado.

  5. Si aparece un cuadro de diálogo en el que se le pide que permita que una extensión abra el URI del repositorio, seleccione Abrir.

  6. Cree una carpeta para usarla para el repositorio y elija Seleccionar ubicación del repositorio.

  7. Va a usar este repositorio por primera vez, así que se le pedirá que inicie sesión.

    • Si usa Windows, escriba las mismas credenciales que ha usado para iniciar sesión en Azure DevOps anteriormente en este ejercicio.

    • Si usa macOS, escriba el nombre de usuario y la contraseña de Git que ha generado hace unos instantes.

  8. Visual Studio Code le pide que abra el repositorio. seleccione Open(Abrir).

    Captura de pantalla de Visual Studio Code que muestra una indicación para abrir el repositorio clonado y el botón Abrir resaltado.

Inicio de sesión en Azure

Para trabajar con grupos de recursos en Azure, inicie sesión en la cuenta de Azure desde el terminal de Visual Studio Code. Asegúrese de que ha instalado las herramientas de la CLI de Azure.

  1. En el menú Terminal, seleccione Nuevo terminal. Normalmente, la ventana de terminal se abre en la mitad inferior de la pantalla.

  2. Si el shell que se muestra en el lado derecho de la ventana de terminal es Bash, el shell correcto está abierto y puede ir a la sección siguiente.

    Captura de pantalla de la ventana de terminal de Visual Studio Code, en la que se muestra la opción bash.

  3. Si aparece un shell distinto de Bash, seleccione la lista desplegable del shell y, a continuación, seleccione Git Bash (valor predeterminado).

    Captura de pantalla de la ventana de terminal de Visual Studio Code, en la que se muestra la lista desplegable de shell de terminal y la selección de Git Bash (valor predeterminado).

  4. En la lista de shells de terminal, seleccione Bash y, a continuación, seleccione el signo más para abrir un nuevo terminal que use el shell de Bash.

    Captura de pantalla de la ventana de terminal de Visual Studio Code, con el terminal bash y el signo más seleccionados.

Inicio de sesión en Azure mediante la CLI de Azure

  1. En el terminal de Visual Studio Code, ejecute el siguiente comando para iniciar sesión en Azure:

    az login

  2. En el explorador que se abre, inicie sesión en su cuenta de Azure.

Para trabajar con grupos de recursos en Azure, inicie sesión en la cuenta de Azure desde el terminal de Visual Studio Code. Asegúrese de que ha instalado Azure PowerShell.

  1. En el menú Terminal, seleccione Nuevo terminal. Normalmente, la ventana de terminal se abre en la mitad inferior de la pantalla.

  2. Si el shell que se muestra en el lado derecho de la ventana de terminal es powershell o pwsh, el shell correcto está abierto y puede ir a la sección siguiente.

    Captura de pantalla de la ventana de terminal de Visual Studio Code, en la que se muestra la opción pwsh en el menú desplegable de shell.

  3. Si aparece un shell distinto de powershell o pwsh, seleccione la lista desplegable del shell y, a continuación, seleccione PowerShell.

    Captura de pantalla de la ventana de terminal de Visual Studio Code, en la que se muestra el menú desplegable de shell de terminal y PowerShell seleccionado.

  4. En la lista de shells de terminal, seleccione powershell o pwsh y, a continuación, seleccione el signo más para abrir un nuevo terminal que use el shell de powershell o pwsh.

    Captura de pantalla de la ventana de terminal de Visual Studio Code, con el terminal de PowerShell y el signo más seleccionados.

Inicio de sesión en Azure mediante Azure PowerShell

  1. En el terminal de Visual Studio Code, ejecute el siguiente comando para iniciar sesión en Azure:

    Connect-AzAccount

  2. En el explorador que se abre, inicie sesión en su cuenta de Azure.

Creación de un grupo de recursos en Azure

Para crear un nuevo grupo de recursos, ejecute este comando de la CLI de Azure en el terminal de Visual Studio Code:

az group create --name ToyWebsiteTest --location westus3

Para crear un grupo de recursos, ejecute este comando de Azure PowerShell en el terminal de Visual Studio Code:

New-AzResourceGroup -Name ToyWebsiteTest -Location westus3

Creación de una conexión de servicio en Azure Pipelines

A continuación, debe crear una conexión de servicio en Azure Pipelines. Esta conexión crea automáticamente una entidad de servicio en Azure. También concede a la entidad de servicio el rol Colaborador en el grupo de recursos, lo que permite que la canalización se implemente en el grupo de recursos.

  1. En el explorador, seleccione Configuración del proyecto.

    Captura de pantalla de Azure DevOps en la que se muestra el elemento de menú para la configuración del proyecto resaltado.

  2. Seleccione Conexiones de servicio>Crear conexión de servicio.

    Captura de pantalla de Azure DevOps en la que se muestran selecciones para crear una conexión de servicio.

  3. Seleccione Azure Resource Manager>Siguiente.

    Captura de pantalla de Azure DevOps en la que se muestra el tipo de conexión de servicio de Azure Resource Manager resaltado.

  4. Seleccione Entidad de servicio (automática)>Siguiente.

    Captura de pantalla de Azure DevOps en la que se muestra la opción de entidad de servicio resaltada.

  5. En la lista desplegable Suscripción, seleccione su suscripción de Azure.

    Es posible que aparezca una ventana emergente en la que se le pide que inicie sesión en Azure. Si es así, escriba las credenciales e inicie sesión.

  6. En la lista desplegable Grupo de recursos, seleccione ToyWebsiteTest.

  7. En Nombre de conexión de servicio, escriba ToyWebsiteTest. Asegúrese de que esté seleccionada la opción Conceder permiso de acceso a todas las canalizaciones.

    Captura de pantalla de Azure DevOps en la que se muestran los detalles cumplimentados para crear una conexión de servicio y el botón Guardar resaltado.

    Sugerencia

    Por motivos de simplicidad, permite que todas las canalizaciones accedan a la conexión de servicio. Cuando cree conexiones de servicio reales que funcionen con recursos de producción, considere restringir el acceso a las canalizaciones que lo necesiten únicamente.

  8. Seleccione Guardar.