Desarrollo en la nube moderno con bienes raíces de Contoso

La aplicación Contoso Real Estate contiene la arquitectura de referencia y los componentes para crear front-end modernos compuestos de nivel empresarial (o micro-frontends) y aplicaciones nativas de la nube. Se trata de una colección de procedimientos recomendados, patrones de arquitectura y componentes funcionales que se pueden usar para compilar e implementar aplicaciones modernas de JavaScript en Azure.

El desarrollo en la nube moderno que se usa en la solución Contoso Real Estate incluye herramientas para permitirle desarrollar, depurar, compilar, implementar y probar la aplicación.

Entorno de desarrollo

Un equipo de desarrollo eficaz y eficaz decide y mantiene de forma coherente un entorno de desarrollo.

Contenedores de desarrollo

El entorno de desarrollo debe ser el mismo para cada desarrollador del equipo. Ese entorno también debe reflejar el entorno de producción tanto como sea posible. Los contenedores de desarrollo son el estándar del sector con soporte técnico de la comunidad, una especificación, herramientas, guías y plantillas. El contenedor de desarrollo debe mantenerse para el sistema operativo, los idiomas y otras herramientas necesarias para la eficacia del equipo.

Visual Studio Code proporciona un proceso rápido de creación de contenedores de desarrollo paso a paso para encapsular el código fuente, lo que le permite escribir código en lugar de escribir contenedores. Si desea desarrollar el contenedor, puede traer un contenedor existente o modificar el archivo de contenedor de desarrollo proporcionado.

• Contenedor de desarrollo de Contoso: devcontainer.json

IDE

Un entorno integrado para desarrolladores (IDE) es una aplicación de software que proporciona herramientas y características completas a los desarrolladores para escribir, probar y depurar código de forma más eficaz. Está diseñado para simplificar el proceso de desarrollo mediante la consolidación de varios aspectos del desarrollo de software en un único entorno. En un IDE de entorno de desarrollo integrado, cuando se combina con un contenedor de desarrollo, le permite incorporar rápidamente nuevos miembros del equipo mientras sigue admitiendo el resto del equipo. Las modificaciones en el IDE, incluidas la configuración, las extensiones y otras integraciones, se pueden especificar en el contenedor de desarrollo para que todos los miembros del equipo tengan el mismo entorno sin tener que confiar en los pasos manuales.

Para los equipos de desarrolladores multiplataforma, use Visual Studio Code:

• Configuración del entorno para Visual Studio Code: ./vscode
• Extensiones de Visual Studio instaladas en devcontainer.json

Herramientas de calidad del código

Las herramientas de calidad del código se aplican durante el desarrollo para aplicar directrices de formato y estilo y detectar posibles problemas en tiempo de ejecución mediante la aplicación de estándares de código. Las herramientas de calidad del código son únicas en el lenguaje de programación y se admiten con una comunidad para garantizar el soporte técnico y la progresión. Visual Studio Code proporciona integración con las herramientas comunes de calidad de código.

Contoso usa las siguientes herramientas de calidad de código:

• Configuración de TypeScript en el archivo de paquete tsconfig.json .
• Configuración más bonita en el archivo package.json raíz.
• ESLint en la raíz .eslintrc.js

Pruebas automatizadas

El entorno de desarrollo debe permitir al desarrollador escribir código rápidamente y probar el impacto que tiene en el proyecto sin tener que insertar los cambios en la canalización de compilación y prueba . Visual Studio Code proporciona integración con las herramientas de pruebas automatizadas. Use PlayWright para pruebas de un extremo a otro, incluidas las pruebas de explorador y API.

Contoso usa:

• Jest para pruebas unitarias
• Playwright para pruebas de un extremo a otro

CLI

Las interfaces de línea de comandos permiten a los desarrolladores trabajar rápidamente en su entorno de desarrollo y agregar la CLI a cualquier herramienta de automatización para compilar e implementar canalizaciones.

Contoso usa las SIGUIENTES CLIs:

• Static Web Apps (SWA) CLI
• CLI de herramientas principales de Azure Functions (FUNC)
• CLI para desarrolladores de Azure (AZD)
• git

Proceso para desarrolladores

La estación de trabajo de un desarrollador se puede ubicar en la nube o como una máquina física. Independientemente de dónde esté el recurso de proceso, se integran fácilmente los componentes necesarios para un desarrollador de la nube moderno.

Codespaces

Codespaces es un contenedor para desarrolladores disponible con el repositorio de GitHub. Abra el repositorio en Codespaces, ya sea en un explorador o en el IDE local. Comience a trabajar inmediatamente, en el flujo de desarrollador típico, escribiendo, depurando, probando e insertando solicitudes de incorporación de cambios al repositorio de GitHub. Codespaces conserva los cambios específicos en el entorno, como variables de entorno, instalaciones de dependencia y CLIs.

Puede abrir el proyecto desde GitHub en un explorador web o puede abrir el contenedor desde una versión local de Visual Studio Code. Ambos usan el mismo contenedor de desarrollo.

Recursos en la nube para desarrolladores

Los desarrolladores necesitan acceder a los recursos en la nube al desarrollar. Según el recurso, el equipo de desarrollo puede optar por usar un emulador local (si está disponible) o usar la misma infraestructura que los archivos de código para proporcionar recursos para desarrolladores.

La infraestructura como código, con herramientas como la CLI de Desarrollo de Azure (AZD) permite crear y anular rápidamente los recursos en la nube.

Este proyecto tiene un archivo de nivel raíz, azure.yml, que define los servicios lógicos, que se pueden implementar de forma independiente. Los recursos que admiten cada servicio se definen en la carpeta infra .

• La carpeta infra/app define cómo se configuran y unen los servicios de Azure.
• La carpeta infra/core tiene los archivos de Bicep que se usan para crear cada servicio de Azure.

La CLI para desarrolladores de Azure (AZD) proporciona creación de recursos, para todos los recursos o solo un servicio lógico, mediante el azd provision comando .

Control de código fuente, integración e implementación continuas

El control de código fuente proporciona la capacidad de realizar un seguimiento de los cambios durante el ciclo de desarrollo. Contoso usa Git para administrar el control de versiones y GitHub para almacenar el código fuente.

La integración continua permite comprobar los cambios en el código fuente antes de combinarlos en la rama principal . Contoso usa el archivo .github/workflows para la integración continua.

La implementación es el proceso de mover el código fuente y los archivos relacionados a la nube. La CLI para desarrolladores de Azure (AZD) proporciona esa implementación mediante el azd deploy comando .