Desenvolvimento moderno em 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 componíveis modernos de nível empresarial (ou microfrontends) 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 de desenvolvedor

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

Containers de Desenvolvimento

O ambiente de desenvolvimento deve ser o mesmo para todos os desenvolvedores da sua equipe. Esse ambiente também precisa espelhar o máximo possível o ambiente de produção. 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 processo rápido de criação de contêiner de desenvolvimento passo a passo para encapsular seu código-fonte, permitindo que você escreva código em vez de escrever contêineres. Se você quiser desenvolver seu contêiner, poderá 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 com mais eficiência. Ele foi projetado para agilizar o processo de desenvolvimento, consolidando vários aspectos 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 dá suporte ao restante 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 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 capturar possíveis problemas de tempo de execução impondo 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:

Teste automatizado

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 enviar 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 qualquer ferramenta 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 esteja, é facilmente integrado 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, em um navegador ou em seu 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 do GitHub. Os espaços de código 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 de nuvem para desenvolvedores

Os desenvolvedores precisam de acesso a recursos de 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 CLI de Desenvolvimento do Azure (AZD), permite que você crie e destrua 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 de serem mescladas 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.