Arkitekt skalbar e-handelswebbappArchitect scalable e-commerce web app

Lösnings idé Solution Idea

Om du vill se den här artikeln med mer information, implementerings information, prissättnings vägledning eller kod exempel kan du berätta för oss med GitHub feedback!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!

ArkitekturArchitecture

Arkitektur diagram Ladda ned en SVG -arkitektur.Architecture Diagram Download an SVG of this architecture.

DataflödeData Flow

  1. Användaren har åtkomst till webbappen i webbläsaren och loggar in.User accesses the web app in browser and signs in.
  2. Webbläsaren hämtar statiska resurser, till exempel bilder från Azure Content Delivery Network.Browser pulls static resources such as images from Azure Content Delivery Network.
  3. Användare söker efter produkter och frågar SQL Database.User searches for products and queries SQL database.
  4. Webbplats hämtar produkt katalogen från databasen.Web site pulls product catalog from database.
  5. Webbapp hämtar produkt bilder från Blob Storage.Web app pulls product images from Blob Storage.
  6. Sid utdata cachelagras i Azure cache för Redis för bättre prestanda.Page output is cached in Azure Cache for Redis for better performance.
  7. Användaren skickar order och ordern placeras i kön.User submits order and order is placed in the queue.
  8. Azure Functions bearbetar order betalning.Azure Functions processes order payment.
  9. Azure Functions gör betalning till tredje part och registrerar betalning i SQL Database.Azure Functions makes payment to third party and records payment in SQL database.

KomponenterComponents

  • Web Apps: en app service webbapp körs i en region, som är tillgänglig för webb-och mobil webbläsareWeb Apps: An App Service Web App runs in a single region, accessible to web and mobile browsers
  • Azure SQL Database: hanterad, intelligent SQL i molnetAzure SQL Database: Managed, intelligent SQL in the cloud
  • Azure Functions: Bearbeta händelser med Server lös kodAzure Functions: Process events with serverless code
  • Application Insights: identifiera, prioritering och diagnostisera problem i dina webbappar och tjänsterApplication Insights: Detect, triage, and diagnose issues in your web apps and services

Nästa stegNext steps