Introducción a la aplicación empresarial Contoso Real Estate

La aplicación Contoso Real Estate contiene la arquitectura de referencia y los componentes para crear front-end modernos compuestos de nivel empresarial (o micro-frontends) y aplicaciones nativas de la nube. Se trata de una colección de procedimientos recomendados, patrones de arquitectura y componentes funcionales que se pueden usar para compilar e implementar aplicaciones modernas de JavaScript en Azure.

La aplicación Contoso Real Estate

La aplicación empresarial Contoso Real Estate permite a los empleados de la empresa contoso buscar una vivienda de reubicación de reserva a través de una aplicación web. Esta aplicación web es una herramienta interna que usa Contoso HR y los nuevos empleados de contratación o reubicación. Tanto los administradores de talento autenticados como los nuevos contrataciones pueden interactuar con las características de la aplicación, mientras que los usuarios no autenticados pueden acceder a algunas partes de ella.

• Learn Live: obtenga más información sobre esta solución viendo las sesiones de Learn Live .
• Recopilación de información: obtenga más información sobre esta solución con la colección learn.

Requisitos previos

Para implementar esta solución de aplicación completa en Azure, necesita lo siguiente:

• Una suscripción a Azure: cree una cuenta gratuita.
• Una cuenta de GitHub. Si no tiene ninguna, regístrese para obtener una gratuita.
• Una cuenta de Strapi para CMS sin cabeza
• Una cuenta de Stripe para pagos

Application

La aplicación Contoso Real Estate tiene dos aplicaciones cliente, el portal y el blog. El blog publica nuevas ofertas inmobiliarias y si está visible sin autenticación. La aplicación del portal requiere autenticación para ver, reservar y pagar listas. Los equipos de desarrollo independientes han creado y admiten esta arquitectura de un extremo a otro con su propia pila técnica.

Blog público con Siguiente:

El blog y su API se hospedan en Azure Container Apps. El contenido del blog se sirve desde un CMS de Strapi sin encabezado con datos almacenados en Azure Database for PostrgreSQL. El CMS también almacena los listados inmobiliarios. Las imágenes de propiedades para las descripciones se almacenan en Azure Blob Storage.

Protección del cliente del portal con Angular

El portal se hospeda en una aplicación web estática de Azure con compatibilidad con API desde una aplicación de Azure Functions. También usa las listas que se mantienen en Azure Database for PostrgreSQL. El portal proporciona autenticación a través de proveedores sociales como Microsoft, Google y Facebook.

Una vez que un usuario inicia sesión y selecciona una propiedad, puede optar por reservar la propiedad y pagarla con una integración de Stripe.

Otros servicios de Azure usados incluyen:

• Azure Key Vault para almacenar claves, secretos y certificados
• Azure Cosmos DB para almacenar datos de usuario
• Azure API Management para proporcionar API para proteger, acelerar y observar las API

Paquetes

Esta aplicación se divide en varios paquetes. Cada paquete describe un escenario de lo que se encuentra en el paquete e instrucciones paso a paso para ayudarle a compilar e implementar el paquete en Azure.

Paquete	pila de tecnología
Blog, Blob-CMS	Aplicación Next.js con un CMS de Strapi, ambos hospedados en una aplicación contenedora de Azure.
Portal, API	Portal web de Angular hospedado desde Static Web Apps con la aplicación de API de Azure Functions para el back-end.
Raya	Fastify API Payment service API en una aplicación de Contenedor de Azure.
Pruebas:	Pruebas de un extremo a otro con Playwright.
Docs	Obtenga más información sobre esta solución de un extremo a otro.

Paso siguiente

Descripción de la solución con escenarios de usuario