Aan de slag met de Contoso Real Estate Enterprise-app

De Contoso Real Estate-toepassing bevat de referentiearchitectuur en onderdelen voor het bouwen van moderne samenstelbare front-ends (of micro-front-ends) en cloudeigen toepassingen. Het is een verzameling best practices, architectuurpatronen en functionele onderdelen die kunnen worden gebruikt voor het bouwen en implementeren van moderne JavaScript-toepassingen in Azure.

De Contoso Real Estate-app

Met de Contoso Real Estate Enterprise-app kunnen werknemers van het Contoso-bedrijf zoeken naar een woning voor een reserveverplaatsing via een web-app. Deze web-app is een intern hulpprogramma dat wordt gebruikt door Contoso HR en nieuwe medewerkers in dienst nemen of verplaatsen. Zowel geverifieerde Talent Managers als nieuwe medewerkers kunnen communiceren met de toepassingsfuncties, terwijl niet-geverifieerde gebruikers toegang hebben tot sommige onderdelen ervan.

• Learn Live: Meer informatie over deze oplossing door de Learn Live-sessies te bekijken.
• Learn Collection: Meer informatie over deze oplossing met de Learn-verzameling.

Vereisten

Als u deze volledige app-oplossing wilt implementeren in Azure, hebt u het volgende nodig:

• Een Azure-abonnement - Een gratis abonnement maken
• Een GitHub-account. Als u geen account hebt, kunt u zich registreren voor een gratis account.
• Een Strapi-account voor headless CMS
• Een Stripe-account voor betalingen

Toepassing

De Contoso Real Estate-app heeft twee clienttoepassingen, de portal en de blog. In de blog worden nieuwe onroerend goedaanbiedingen openbaar gemaakt en indien zichtbaar zonder verificatie. Voor de portal-app is verificatie vereist voor het weergeven, reserveren en betalen van aanbiedingen. Afzonderlijke ontwikkelteams hebben deze end-to-end-architectuur gebouwd en ondersteund met hun eigen keuze aan technische stack.

Openbare blog met Volgende:

De blog en de BIJBEHORENDE API worden gehost vanuit Azure Container Apps. De bloginhoud wordt geleverd vanuit een headless Strapi CMS met gegevens die zijn opgeslagen in Azure Database for PostrgreSQL. Het CMS slaat ook de vastgoedvermeldingen op. Eigenschapsinstallatiekopieën voor vermeldingen worden opgeslagen in Azure Blob Storage.

Portalclient beveiligen met Angular

De portal wordt gehost in een Azure Static Web-app met API-ondersteuning van een Azure Functions-app. Ook worden de vermeldingen gebruikt die zijn opgeslagen in Azure Database for PostrgreSQL. De portal biedt verificatie via sociale providers zoals Microsoft, Google en Facebook.

Zodra een gebruiker zich heeft aangemeld en een eigenschap selecteert, kan hij of zij ervoor kiezen om de eigenschap te reserveren en deze vervolgens te betalen met een Stripe-integratie.

Andere Gebruikte Azure-services zijn:

• Azure Key Vault voor het opslaan van sleutels, geheimen en certificaten
• Azure Cosmos DB voor het opslaan van gebruikersgegevens
• Azure API Management om API's te bieden voor het beveiligen, versnellen en observeren van API's

Pakketten

Deze toepassing is onderverdeeld in verschillende pakketten. Elk pakket beschrijft een scenario van wat zich in het pakket bevindt en stapsgewijze instructies om u te helpen het pakket te bouwen en te implementeren in Azure.

Pakket	technologiestack
Blog, Blob-CMS	Next.js-app met een Strapi CMS, beide gehost in een Azure Container-app.
Portal, API	Angular-webportal gehost vanuit Static Web Apps met Azure Functions API-app voor de back-end.
Streep	Fastify API Payment Service API in een Azure Container-app.
Testen.	End-to-end testen met Playwright.
Documenten	Meer informatie over deze end-to-end-oplossing.

Volgende stap

Inzicht in de oplossing met gebruikersscenario's