Entwerfen einer skalierbaren E-Commerce-Web-AppArchitect scalable e-commerce web app

Lösungsidee Solution Idea

Wenn Sie möchten, dass wir diesen Artikel durch weitere Informationen, Implementierungsdetails, Preisinformationen oder Codebeispiele ergänzen, kontaktieren Sie uns über 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!

AufbauArchitecture

Architekturdiagramm Laden Sie eine SVG-Datei für diese Architektur herunter.Architecture Diagram Download an SVG of this architecture.

DatenflussData Flow

  1. Der Benutzer greift im Browser auf die Web-App zu und meldet sich an.User accesses the web app in browser and signs in.
  2. Der Browser führt einen Pull für statische Ressourcen wie Bilder im Azure Content Delivery Network aus.Browser pulls static resources such as images from Azure Content Delivery Network.
  3. Der Benutzer sucht nach Produkten und fragt die SQL-Datenbank ab.User searches for products and queries SQL database.
  4. Die Website führt einen Pull für den Produktkatalog in der Datenbank aus.Web site pulls product catalog from database.
  5. Die Web-App führt einen Pull für Produktbilder in Blob Storage aus.Web app pulls product images from Blob Storage.
  6. Die Seitenausgabe wird in Azure Cache for Redis zwischengespeichert, um die Leistung zu verbessern.Page output is cached in Azure Cache for Redis for better performance.
  7. Der Benutzer übermittelt die Bestellung, und diese wird in der Warteschlange platziert.User submits order and order is placed in the queue.
  8. Azure Functions verarbeitet die Bezahlung der Bestellungen.Azure Functions processes order payment.
  9. Azure Functions führt die Zahlungen an Drittanbieter und erfasst die Zahlungen in der SQL-Datenbank.Azure Functions makes payment to third party and records payment in SQL database.

KomponentenComponents

  • Web-Apps: Eine App Service-Web-App wird in einer einzelnen Region ausgeführt und kann über Webbrowser und mobile Browser aufgerufen werden.Web Apps: An App Service Web App runs in a single region, accessible to web and mobile browsers
  • Azure SQL-Datenbank: Verwaltete, intelligente SQL-Funktionen in der CloudAzure SQL Database: Managed, intelligent SQL in the cloud
  • Azure Functions: Ereignisse mit serverlosem Code verarbeitenAzure Functions: Process events with serverless code
  • Application Insights: Ermitteln, selektieren und diagnostizieren Sie Probleme in Ihren Web-Apps und -dienstenApplication Insights: Detect, triage, and diagnose issues in your web apps and services

Nächste SchritteNext steps