Desenvolvimento moderno na nuvem com imóveis da Contoso

  • Artigo

O aplicativo Contoso Real Estate contém a arquitetura de referência e os componentes para a criação de frontends (ou micro-frontends) composáveis modernos de nível empresarial e aplicativos nativos da nuvem. É uma coleção de práticas recomendadas, padrões de arquitetura e componentes funcionais que podem ser usados para criar e implantar aplicativos JavaScript modernos no Azure.

O desenvolvimento moderno em nuvem usado na solução Contoso Real Estate inclui ferramentas para permitir que você desenvolva, depure, crie, implante e teste seu aplicativo.

Ambiente do desenvolvedor

Uma equipe de desenvolvimento eficaz e eficiente decide e mantém consistentemente um ambiente de desenvolvimento.

Contentores de Desenvolvimento

O ambiente de desenvolvimento deve ser o mesmo para todos os desenvolvedores da sua equipe. Esse ambiente também precisa espelhar o ambiente de produção tanto quanto possível. Contêineres de desenvolvimento é o padrão da indústria com suporte da comunidade, uma especificação, ferramentas, guias e modelos. O contêiner de desenvolvimento deve ser mantido para o sistema operacional, linguagens e outras ferramentas necessárias para a eficiência da equipe.

O Visual Studio Code fornece um rápido processo de criação de contêiner de desenvolvimento passo a passo para envolver seu código-fonte, permitindo que você escreva código em vez de escrever contêineres. Se quiser desenvolver seu contêiner, você pode trazer um contêiner existente ou alterar o arquivo de contêiner de desenvolvimento fornecido.

IDEs

Um ambiente de desenvolvedor integrado (IDE) é um aplicativo de software que fornece ferramentas e recursos abrangentes aos desenvolvedores para escrever, testar e depurar código de forma mais eficiente. Ele foi projetado para simplificar o processo de desenvolvimento, consolidando vários aspetos do desenvolvimento de software em um único ambiente. Em um ambiente de desenvolvimento integrado, o IDE, quando combinado com um contêiner de desenvolvimento, permite que você integre rapidamente novos membros da equipe enquanto ainda oferece suporte ao resto da equipe. Quaisquer modificações no IDE, incluindo configurações, extensões e outras integrações, podem ser especificadas no contêiner de desenvolvimento para que todos os membros da equipe tenham o mesmo ambiente sem ter que depender de etapas manuais.

Para equipes de desenvolvedores de plataforma cruzada, use o Visual Studio Code:

Ferramentas de qualidade de código

As ferramentas de qualidade de código são aplicadas durante o desenvolvimento para aplicar diretrizes de formatação e estilo e detetar possíveis problemas de tempo de execução aplicando padrões de código. As ferramentas de qualidade de código são exclusivas da linguagem de programação e suportadas por uma comunidade para garantir suporte e progressão. Visual Studio Code fornece integração com as ferramentas comuns de qualidade de código.

A Contoso usa as seguintes ferramentas de qualidade de código:

Testes automatizados

O ambiente de desenvolvimento deve permitir que o desenvolvedor escreva código rapidamente e teste o impacto que ele tem no projeto sem ter que empurrar as alterações para o pipeline de compilação e teste . Visual Studio Code fornece integração com as ferramentas de teste automatizado. Use o PlayWright para testes de ponta a ponta, incluindo testes de navegador e API.

A Contoso usa:

CLIs

As interfaces de linha de comando permitem que os desenvolvedores trabalhem rapidamente em seu ambiente de desenvolvimento e adicionem a CLI a quaisquer ferramentas de automação para criar e implantar pipelines.

A Contoso usa as seguintes CLIs:

Computação do desenvolvedor

A estação de trabalho de um desenvolvedor pode estar localizada na nuvem ou como uma máquina física. Independentemente de onde o recurso de computação está, integra facilmente os componentes necessários para um desenvolvedor de nuvem moderno.

Codespaces

Codespaces é um contêiner de desenvolvedor disponível com seu repositório GitHub. Abra seu repositório no Codespaces, seja em um navegador ou no IDE local. Comece a trabalhar imediatamente, em seu fluxo típico de desenvolvedor, escrevendo, depurando, testando e enviando PRs de volta para o repositório GitHub. Codespaces retém quaisquer alterações específicas no ambiente, como variáveis de ambiente, instalações de dependência e CLIs.

Você pode abrir o projeto do GitHub em um navegador da Web ou pode abrir o contêiner de uma versão local do Visual Studio Code. Ambos usam o mesmo contêiner de desenvolvimento.

Recursos na nuvem para programadores

Os desenvolvedores precisam ter acesso aos recursos da nuvem durante o desenvolvimento. Dependendo do recurso, a equipe de desenvolvimento pode optar por usar um emulador local (se disponível) ou usar a mesma infraestrutura que os arquivos de código para fornecer recursos do desenvolvedor.

A infraestrutura como código, com ferramentas como a Azure Dev CLI (AZD), permite criar e destruir recursos de nuvem rapidamente.

Este projeto tem um arquivo de nível raiz, azure.yml, definindo os serviços lógicos, que podem ser implantados de forma independente. Os recursos que suportam cada serviço são definidos na pasta infra .

A CLI do Desenvolvedor do Azure (AZD) fornece a criação de recursos, para todos os recursos ou apenas um serviço lógico, por meio do azd provision comando.

Controle do código-fonte, integração contínua e implantação

O controle do código-fonte fornece a capacidade de controlar as alterações durante o ciclo de desenvolvimento. A Contoso usa o git para gerenciar o controle de versão e o GitHub para armazenar o código-fonte.

A integração contínua permite que as alterações no código-fonte sejam verificadas antes da fusão na ramificação principal . A Contoso usa o arquivo .github/workflows para integração contínua.

A implantação é o processo de mover o código-fonte e os arquivos relacionados para a nuvem. A CLI do Desenvolvedor do Azure (AZD) fornece essa implantação por meio do azd deploy comando.