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

O aplicativo corporativo Contoso Real Estate permite que os funcionários da empresa Contoso pesquisem uma moradia de realocação de reserva 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 essa solução assistindo às sessões do Learn Live.
• Learn Collection: Saiba mais sobre essa solução com a Learn Collection.

Pré-requisitos

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

• Uma assinatura do Azure – crie uma gratuitamente
• Uma conta do GitHub. Caso ainda não tenha uma, inscreva-se gratuitamente.
• Uma conta Strapi para CMS sem cabeça
• Uma conta Stripe para pagamentos

Aplicativo

O aplicativo Contoso Real Estate tem dois aplicativos cliente, o portal e o blog. O blog divulga novas ofertas imobiliárias e se visíveis sem autenticação. O aplicativo do portal requer autenticação para exibir, reservar e pagar por listagens. Equipes de desenvolvimento separadas criaram e oferecem 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 dos 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 os anúncios imobiliários. As imagens de propriedade para listagens são armazenadas no Armazenamento de Blobs do Azure.

Cliente de portal seguro com Angular

O portal é hospedado em um aplicativo Web Estático do Azure com suporte à API de um Aplicativo do 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 entra e seleciona uma propriedade, ele pode optar por reservar a propriedade e pagar por ela com uma integração do Stripe.

Outros serviços do Azure usados incluem:

• Cofre de Chaves do Azure 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

Pacotes

Esta aplicação é 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 Strapi CMS, 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 API do Azure Functions para o back-end.
Listra	Fastify API API Payment service API em um aplicativo de Contêiner do Azure.
Testando	Teste de ponta a ponta com dramaturgo.
Docs	Saiba mais sobre essa solução de ponta a ponta.

Próxima etapa

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