Introduzione all'app Contoso Real Estate enterprise

L'applicazione Contoso Real Estate contiene l'architettura di riferimento e i componenti per la creazione di front-end moderni componibili di livello aziendale (o micro-front-end) e applicazioni native del cloud. Si tratta di una raccolta di procedure consigliate, modelli di architettura e componenti funzionali che possono essere usati per compilare e distribuire applicazioni JavaScript moderne in Azure.

App Contoso Real Estate

L'app Contoso Real Estate Enterprise consente ai dipendenti della società Contoso di cercare un alloggio di rilocazione riservato tramite un'app Web. Questa app Web è uno strumento interno usato dalle risorse umane di Contoso e dalle nuove assunzioni o rilocazione dei dipendenti. Sia i talent manager autenticati che i nuovi assunti possono interagire con le funzionalità dell'applicazione, mentre gli utenti non autenticati possono accedervi alcune parti.

• Learn Live: per altre informazioni su questa soluzione, vedere le sessioni di Learn Live .
• Raccolta learn: altre informazioni su questa soluzione con la raccolta Learn.

Prerequisiti

Per distribuire l'intera soluzione app in Azure, è necessario:

• Una sottoscrizione di Azure: creare un account gratuitamente
• Un account GitHub. Se non è disponibile, iscriversi per riceverne uno gratuito.
• Un account Strapi per CMS headless
• Un account Stripe per i pagamenti

Applicazione

L'app Contoso Real Estate include due applicazioni client, il portale e il blog. Il blog pubblica nuove offerte immobiliari e se visibile senza autenticazione. L'app portale richiede l'autenticazione per visualizzare, prenotare e pagare per le presentazioni. I team di sviluppo separati hanno creato e supportato questa architettura end-to-end con la propria scelta di stack tecnico.

Blog pubblico con Avanti:

Il blog e l'API sono ospitati da App Azure Container. Il contenuto del blog viene fornito da un CMS Headless Strapi con i dati archiviati in Database di Azure per PostrgreSQL. Cms archivia anche le inserzioni immobiliari. Le immagini delle proprietà per le presentazioni vengono archiviate in Archiviazione BLOB di Azure.

Client del portale sicuro con Angular

Il portale è ospitato in un'app Web statica di Azure con supporto api da un'app Funzioni di Azure. Usa anche gli elenchi contenuti in Database di Azure per PostrgreSQL. Il portale fornisce l'autenticazione tramite provider di social networking come Microsoft, Google e Facebook.

Una volta che un utente accede e seleziona una proprietà, può scegliere di riservare la proprietà e quindi pagarla con un'integrazione stripe.

Altri servizi di Azure usati includono:

• Azure Key Vault per archiviare chiavi, segreti e certificati
• Azure Cosmos DB per archiviare i dati utente
• Azure Gestione API fornire API per proteggere, accelerare e osservare le API

Pacchetti

Questa applicazione è suddivisa in diversi pacchetti. Ogni pacchetto descrive uno scenario di ciò che si trova nel pacchetto e istruzioni dettagliate per compilare e distribuire il pacchetto in Azure.

Pacchetto	stack tecnologico
Blog, BLOB-CMS	App Next.js con un CMS Strapi, entrambi ospitati in un'app Contenitore di Azure.
Portale, API	Portale Web Angular ospitato da App Web statiche con Funzioni di Azure'app per le API per il back-end.
Striscia	API Fastify API Payment service in un'app Azure Container.
Test	Test end-to-end con Playwright.
Documenti	Altre informazioni su questa soluzione end-to-end.

Passaggio successivo

Comprendere la soluzione con gli scenari utente