Diseño de una aplicación web escalable de comercio electrónicoArchitect scalable e-commerce web app

Idea de la solución Solution Idea

Si desea verlos, amplíe este artículo con más información (detalles de implementación, guía de precios, ejemplos de código, etc.), háganoslo saber con comentarios de github.If you'd like to see us expand this article with more information (implementation details, pricing guidance, code examples, etc), let us know with GitHub Feedback!

ArchitectureArchitecture

Diagrama de la arquitectura Descargue un SVG de esta arquitectura.Architecture Diagram Download an SVG of this architecture.

Data FlowData Flow

  1. El usuario accede a la aplicación web en el explorador e inicia sesión.User accesses the web app in browser and signs in.
  2. El explorador extrae los recursos estáticos como, por ejemplo, las imágenes, de Azure Content Delivery Network.Browser pulls static resources such as images from Azure Content Delivery Network.
  3. El usuario busca los productos y consulta la base de datos SQL.User searches for products and queries SQL database.
  4. El sitio web extrae el catálogo de productos de la base de datos.Web site pulls product catalog from database.
  5. La aplicación web extrae imágenes de producto de Blob Storage.Web app pulls product images from Blob Storage.
  6. La salida de la página se almacena en Azure Cache for Redis para mejorar el rendimiento.Page output is cached in Azure Cache for Redis for better performance.
  7. El usuario envía el pedido y este se coloca en la cola.User submits order and order is placed in the queue.
  8. Azure Functions procesa el pago del pedido.Azure Functions processes order payment.
  9. Azure Functions realiza el pago a terceros y registra el pago en la base de datos SQL.Azure Functions makes payment to third party and records payment in SQL database.

ComponentesComponents

  • Web Apps Una instancia de App Service Web Apps se ejecuta en una sola región, accesible a exploradores web y móviles.Web Apps: An App Service Web App runs in a single region, accessible to web and mobile browsers
  • Azure SQL Database: SQL administrado e inteligente en la nubeAzure SQL Database: Managed, intelligent SQL in the cloud
  • Azure Functions: Procese eventos con código sin servidorAzure Functions: Process events with serverless code
  • Application Insights: Detecte, evalúe y diagnostique problemas en los servicios y las aplicaciones webApplication Insights: Detect, triage, and diagnose issues in your web apps and services

Pasos siguientesNext steps