Erste Schritte mit der Contoso Real Estate Enterprise-App

Die Contoso Real Estate-Anwendung enthält die Referenzarchitektur und Komponenten für die Erstellung moderner, auf Unternehmensniveau verfügbarer Frontends (oder Mikro-Frontends) und cloudeigene Anwendungen. Es handelt sich um eine Sammlung bewährter Methoden, Architekturmuster und funktionaler Komponenten, die zum Erstellen und Bereitstellen moderner JavaScript-Anwendungen in Azure verwendet werden können.

Die Contoso Real Estate-App

Mit der Contoso Real Estate Enterprise-App können Mitarbeiter des Unternehmens contoso über eine Web-App nach einem Reserve-Umzugshaus suchen. Diese Web-App ist ein internes Tool, das von Contoso HR und neu eingestellten Mitarbeitern verwendet wird. Sowohl authentifizierte Talentmanager als auch neu eingestellte Mitarbeiter können mit den Anwendungsfeatures interagieren, während nicht authentifizierte Benutzer auf einige Teile davon zugreifen können.

• Erfahren Sie Live: Erfahren Sie mehr über diese Lösung, indem Sie sich die Learn Live-Sitzungen ansehen.
• Learn Collection: Erfahren Sie mehr über diese Lösung mit der Learn-Sammlung.

Voraussetzungen

Um diese gesamte App-Lösung in Azure bereitzustellen, benötigen Sie Folgendes:

• Azure-Abonnement: Kostenloses Azure-Konto
• Ein GitHub-Konto. Falls Sie noch nicht über ein Konto verfügen, können Sie sich kostenlos registrieren.
• Ein Strapi-Konto für kopflose CMS
• Ein Stripe-Konto für Zahlungen

Application

Die Contoso Real Estate-App verfügt über zwei Clientanwendungen, das Portal und den Blog. Der Blog veröffentlicht neue Immobilienangebote und ist ohne Authentifizierung sichtbar. Die Portal-App erfordert eine Authentifizierung zum Anzeigen, Reservieren und Bezahlen von Einträgen. Separate Entwicklungsteams haben diese End-to-End-Architektur mit ihrer eigenen Wahl des technischen Stapels erstellt und unterstützt.

Öffentlicher Blog mit Next:

Der Blog und seine API werden aus Azure-Container-Apps gehostet. Der Bloginhalt wird von einem headless Strapi CMS mit Daten bereitgestellt, die in der Azure-Datenbank für PostrgreSQL gespeichert sind. Das CMS speichert auch die Immobilienauflistungen. Eigenschaftsbilder für Auflistungen werden in Azure Blob Storage gespeichert.

Sicherer Portalclient mit Angular

Das Portal wird in einer Azure Static Web App mit API-Unterstützung aus einer Azure Functions-App gehostet. Außerdem werden die Einträge in der Azure-Datenbank für PostrgreSQL verwendet. Das Portal bietet die Authentifizierung über soziale Anbieter wie Microsoft, Google und Facebook.

Sobald sich ein Benutzer anmeldet und eine Eigenschaft auswählt, kann er die Eigenschaft reservieren und dann mit einer Stripe-Integration dafür bezahlen.

Andere verwendete Azure-Dienste umfassen:

• Azure Key Vault zum Speichern von Schlüsseln, geheimen Schlüsseln und Zertifikaten
• Azure Cosmos DB zum Speichern von Benutzerdaten
• Azure API Management zum Bereitstellen der API zum Schutz, Beschleunigen und Beobachten von APIs

Packages

Diese Anwendung ist in mehrere Pakete unterteilt. Jedes Paket beschreibt ein Szenario, in dem das Paket enthalten ist, und schrittweise Anleitungen zum Erstellen und Bereitstellen des Pakets in Azure.

Paket	Technologiestapel
Blog, Blob-CMS	Next.js-App mit einem Strapi CMS, beide in einer Azure Container-App gehostet.
Portal, API	Angular-Webportal, das aus statischen Web-Apps mit der Azure Functions-API-App für das Back-End gehostet wird.
Streifen	Fastify API Payment Service API in einer Azure Container-App.
Wird getestet	End to end testing with Playwright.
Dokumentation	Erfahren Sie mehr über diese End-to-End-Lösung.

Nächster Schritt

Grundlegendes zur Lösung mit Benutzerszenarien