Prise en main de l’application d’entreprise Contoso Real Estate

L’application Contoso Real Estate contient l’architecture de référence et les composants permettant de créer des serveurs frontaux composables modernes de qualité entreprise (ou micro-frontends) et des applications natives cloud. Il s’agit d’une collection de bonnes pratiques, de modèles d’architecture et de composants fonctionnels qui peuvent être utilisés pour générer et déployer des applications JavaScript modernes sur Azure.

L’application Contoso Real Estate

L’application d’entreprise Contoso Real Estate permet aux employés de la société Contoso de rechercher un logement de réserve par le biais d’une application web. Cette application web est un outil interne utilisé par Contoso HR et un nouvel employé ou déplacé. Les gestionnaires de talents authentifiés et les nouveaux employés peuvent interagir avec les fonctionnalités de l’application, tandis que les utilisateurs non authentifiés peuvent y accéder.

• En savoir plus sur cette solution en regardant les sessions Learn Live.
• En savoir plus sur cette solution avec Learn Collection.

Prérequis

Pour déployer l’ensemble de cette solution d’application sur Azure, vous avez besoin des éléments suivants :

• Un abonnement Azure - En créer un gratuitement
• Un compte GitHub. Si vous n’en avez pas, inscrivez-vous gratuitement.
• Un compte Strapi pour CMS sans tête
• Un compte Stripe pour les paiements

Application

L’application Contoso Real Estate a deux applications clientes, le portail et le blog. Le blog publicise de nouvelles offres immobilières et s’il est visible sans authentification. L’application portail nécessite l’authentification pour afficher, réserver et payer les listes. Des équipes de développement distinctes ont créé et prennent en charge cette architecture de bout en bout avec leur propre choix de pile technique.

Blog public avec Next :

Le blog et son API sont hébergés à partir d’Azure Container Apps. Le contenu du blog est servi à partir d’un CMS Strapi sans tête avec des données stockées dans Azure Database pour PostrgreSQL. Le CMS stocke également les annonces immobilières. Les images de propriétés pour les descriptions sont stockées dans Stockage Blob Azure.

Client du portail sécurisé avec Angular

Le portail est hébergé dans une application web statique Azure avec prise en charge de l’API à partir d’une application Azure Functions. Il utilise également les listes conservées dans Azure Database pour PostrgreSQL. Le portail fournit une authentification par le biais de fournisseurs sociaux tels que Microsoft, Google et Facebook.

Une fois qu’un utilisateur se connecte et sélectionne une propriété, il peut choisir de réserver la propriété, puis de la payer avec une intégration Stripe.

Les autres services Azure utilisés sont les suivants :

• Azure Key Vault pour stocker des clés, des secrets et des certificats
• Azure Cosmos DB pour stocker les données utilisateur
• Azure Gestion des API fournir une API pour protéger, accélérer et observer les API

Packages

Cette application est divisée en plusieurs packages. Chaque package décrit un scénario de ce qui se trouve dans le package et des instructions pas à pas pour vous aider à générer et déployer le package sur Azure.

Package	pile de technologies
Blog, Blob-CMS	Application Next.js avec un CMS Strapi, tous deux hébergés dans une application Azure Container.
Portail, API	Portail web Angular hébergé à partir d’Applications web statiques avec l’application API Azure Functions pour le back-end.
Bande	API Fastify Payment Service API dans une application Conteneur Azure.
Test	Test de bout en bout avec Playwright.
Documentation	En savoir plus sur cette solution de bout en bout.

Étape suivante

Comprendre la solution avec les scénarios utilisateur