Aplicativo Web de comércio eletrônico escalonável do arquitetoArchitect scalable e-commerce web app

Ideia da solução Solution Idea

Se você quiser nos ver, expanda este artigo com mais informações, detalhes de implementação, diretrizes de preços ou exemplos de código, fale conosco com os comentários do GitHub!If you'd like to see us expand this article with more information, implementation details, pricing guidance, or code examples, let us know with GitHub Feedback!

ArquiteturaArchitecture

Diagrama de arquitetura Baixe um SVG dessa arquitetura.Architecture Diagram Download an SVG of this architecture.

Fluxo de DadosData Flow

  1. O usuário acessa o aplicativo Web no navegador e entra.User accesses the web app in browser and signs in.
  2. O navegador extrai recursos estáticos, como imagens da rede de distribuição de conteúdo do Azure.Browser pulls static resources such as images from Azure Content Delivery Network.
  3. O usuário procura produtos e consulta o banco de dados SQL.User searches for products and queries SQL database.
  4. O site efetua pull do catálogo de produtos do banco de dados.Web site pulls product catalog from database.
  5. O aplicativo Web recebe imagens de produtos do armazenamento de BLOBs.Web app pulls product images from Blob Storage.
  6. A saída da página é armazenada em cache no cache do Azure para Redis para melhorar o desempenho.Page output is cached in Azure Cache for Redis for better performance.
  7. O usuário envia ordem e ordem são colocados na fila.User submits order and order is placed in the queue.
  8. Azure Functions processa o pagamento da ordem.Azure Functions processes order payment.
  9. Azure Functions faz pagamento a terceiros e registra o pagamento no banco de dados SQL.Azure Functions makes payment to third party and records payment in SQL database.

ComponentesComponents

  • Aplicativos Web: um aplicativo Web do serviço de aplicativo é executado em uma única região, acessível para navegadores móveis e da WebWeb Apps: An App Service Web App runs in a single region, accessible to web and mobile browsers
  • Banco de dados SQL do Azure: SQL gerenciado e inteligente na nuvemAzure SQL Database: Managed, intelligent SQL in the cloud
  • Azure Functions: processar eventos com código sem servidorAzure Functions: Process events with serverless code
  • Application Insights: detectar, fazer triagem e diagnosticar problemas em seus aplicativos Web e serviçosApplication Insights: Detect, triage, and diagnose issues in your web apps and services

Próximas etapasNext steps