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. |