Introdução ao aplicativo empresarial Contoso Real Estate

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 aplicativo Contoso Real Estate

O aplicativo empresarial Contoso Real Estate permite que os funcionários da empresa Contoso pesquisem uma reserva de realocação por meio de um aplicativo Web. Este aplicativo Web é uma ferramenta interna usada pelo RH da Contoso e por novos funcionários contratados ou realocados. Tanto os Gerentes de Talentos autenticados quanto os novos contratados podem interagir com os recursos do aplicativo, enquanto os usuários não autenticados podem acessar algumas partes dele.

• Learn Live: Saiba mais sobre esta solução assistindo às sessões Learn Live.
• Learn Collection: Saiba mais sobre esta solução com a Learn Collection.

Pré-requisitos

Para implantar essa solução de aplicativo inteira no Azure, você precisa:

• Uma assinatura do Azure - Crie uma gratuitamente
• Uma conta GitHub. Se não tiver uma, inscreva-se gratuitamente.
• Uma conta Strapi para CMS sem cabeça
• Uma conta Stripe para pagamentos

Aplicação

O aplicativo Contoso Real Estate tem dois aplicativos cliente, o portal e o blog. O blog divulga novas ofertas imobiliárias e se visível sem autenticação. O aplicativo do portal requer autenticação para visualizar, reservar e pagar por anúncios. Equipes de desenvolvimento separadas construíram e deram suporte a essa arquitetura de ponta a ponta com sua própria escolha de pilha técnica.

Blog público com Next:

O blog e sua API são hospedados a partir de Aplicativos de Contêiner do Azure. O conteúdo do blog é servido a partir de um CMS Strapi sem cabeça com dados armazenados no Banco de Dados do Azure para PostrgreSQL. O CMS também armazena as listagens de imóveis. As imagens de propriedade para listagens são armazenadas no Armazenamento de Blobs do Azure.

Cliente de portal seguro com Angular

O portal está alojado numa aplicação Web Estática do Azure com suporte de API a partir de uma Aplicação Azure Functions. Ele também usa as listagens mantidas no Banco de Dados do Azure para PostrgreSQL. O portal fornece autenticação por meio de provedores sociais como Microsoft, Google e Facebook.

Depois que um usuário faz login e seleciona uma propriedade, ele pode optar por reservar a propriedade e pagá-la com uma integração com o Stripe.

Outros serviços do Azure usados incluem:

• Azure Key Vault para armazenar chaves, segredos e certificados
• Azure Cosmos DB para armazenar dados do usuário
• Gerenciamento de API do Azure para fornecer API para proteger, acelerar e observar APIs

Pacote

Esta aplicação está dividida em vários pacotes. Cada pacote descreve um cenário do que está no pacote e instruções passo a passo para ajudá-lo a criar e implantar o pacote no Azure.

Pacote	Pilha de tecnologia
Blog, Blob-CMS	Em seguida.js aplicativo com um CMS Strapi, ambos hospedados em um aplicativo de contêiner do Azure.
Portal, API	Portal da Web Angular hospedado a partir de Aplicativos Web Estáticos com o aplicativo de API do Azure Functions para o back-end.
Risca	API Fastify API Serviço de pagamento API em um aplicativo de contêiner do Azure.
Teste	Testes de ponta a ponta com Playwright.
Documentos	Saiba mais sobre esta solução de ponta a ponta.

Próximo passo

Entenda a solução com cenários de usuário