Kom igång med Contoso Real Estate Enterprise-appen

Contoso Real Estate-programmet innehåller referensarkitekturen och komponenterna för att skapa moderna komposterbara klientdelar i företagsklass (eller mikroklientdelar) och molnbaserade program. Det är en samling metodtips, arkitekturmönster och funktionella komponenter som kan användas för att skapa och distribuera moderna JavaScript-program till Azure.

Contoso Real Estate-appen

Contoso Real Estate Enterprise-appen gör det möjligt för anställda i Contoso-företaget att söka efter en reservflytt via en webbapp. Den här webbappen är ett internt verktyg som används av Contoso HR och nyanställda eller omlokaliserar anställda. Både autentiserade Talent Managers och nyanställda kan interagera med programfunktionerna, medan icke-autentiserade användare kan komma åt vissa delar av den.

• Läs live: Läs mer om den här lösningen genom att titta på Learn Live-sessioner .
• Läs samling: Läs mer om den här lösningen med Learn-samlingen.

Förutsättningar

Om du vill distribuera hela applösningen till Azure behöver du:

• En Azure-prenumeration – Skapa en kostnadsfritt
• Ett GitHub-konto. Om du inte har ett sådant kan du registrera dig utan kostnad.
• Ett Strapi-konto för huvudlös CMS
• Ett Stripe-konto för betalningar

Program

Contoso Real Estate-appen har två klientprogram, portalen och bloggen. Bloggen offentliggör nya fastighetserbjudanden och om den visas utan autentisering. Portalappen kräver autentisering för att visa, reservera och betala för listor. Separata utvecklingsteam har skapat och stöttat den här arkitekturen från slutpunkt till slutpunkt med sitt eget val av teknisk stack.

Offentlig blogg med Nästa:

Bloggen och dess API finns i Azure Container Apps. Blogginnehållet hanteras från en huvudlös Strapi CMS med data som lagras i Azure Database for PostrgreSQL. CMS lagrar också fastighetslistorna. Egenskapsbilder för listor lagras i Azure Blob Storage.

Säker portalklient med Angular

Portalen finns i en Azure Static-webbapp med API-stöd från en Azure Functions-app. Den använder också de listor som finns i Azure Database for PostrgreSQL. Portalen tillhandahåller autentisering via sociala leverantörer som Microsoft, Google och Facebook.

När en användare loggar in och väljer en egenskap kan de välja att reservera egenskapen och sedan betala för den med en Stripe-integrering.

Andra Azure-tjänster som används är:

• Azure Key Vault för att lagra nycklar, hemligheter och certifikat
• Azure Cosmos DB för att lagra användardata
• Azure API Management för att tillhandahålla API för att skydda, påskynda och observera API:er

Paket

Det här programmet är indelat i flera paket. Varje paket beskriver ett scenario med vad som finns i paketet och stegvisa instruktioner som hjälper dig att skapa och distribuera paketet till Azure.

Paket	teknikstacken
Blogg, Blob-CMS	Next.js-appen med en Strapi CMS, som båda finns i en Azure Container-app.
Portal, API	Angular-webbportalen värdhanteras från Static Web Apps med Azure Functions API-app för serverdelen.
Stripe	Fastify API Payment Service API i en Azure Container-app.
Test	Avsluta till sluttestning med Playwright.
Dokument	Läs mer om den här lösningen från slutpunkt till slutpunkt.

Gå vidare

Förstå lösningen med användarscenarier