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
Commentaires
https://aka.ms/ContentUserFeedback.
Prochainement : Tout au long de l'année 2024, nous supprimerons progressivement les GitHub Issues en tant que mécanisme de retour d'information pour le contenu et nous les remplacerons par un nouveau système de retour d'information. Pour plus d’informations, voir:Soumettre et afficher des commentaires pour