Architect scalable e-commerce web app

Azure Functions
Azure SQL Database
Azure App Service

Solution ideas

This article describes a solution idea. Your cloud architect can use this guidance to help visualize the major components for a typical implementation of this architecture. Use this article as a starting point to design a well-architected solution that aligns with your workload's specific requirements.

Build scalable e-commerce web apps with Azure Functions and Web Apps, so you can create personalized experiences while Azure takes care of the infrastructure. This solution is ideal for the retail industry.

Potential use cases

This solution is ideal for retail organizations, but it can apply to other industries that sell goods and services.

Architecture

Architecture diagram shows the transaction from users finding products to purchasing them through web apps to third party payment.

Download a Visio file of this architecture.

Dataflow

  1. User accesses the web app in browser and signs in.
  2. Browser pulls static resources such as images from Azure Content Delivery Network.
  3. User searches for products and queries SQL database.
  4. Web site pulls product catalog from database.
  5. Web app pulls product images from Blob Storage.
  6. Page output is cached in Azure Cache for Redis for better performance.
  7. User submits order and order is placed in the queue.
  8. Azure Functions processes order payment.
  9. Azure Functions makes payment to third party and records payment in SQL database.

Components

  • Web Apps: An App Service Web App runs in a single region, accessible to web and mobile browsers
  • Azure SQL Database: Managed, intelligent SQL in the cloud
  • Azure Functions: Process events with serverless code
  • Application Insights: Detect, triage, and diagnose issues in your web apps and services

Contributors

This article is maintained by Microsoft. It was originally written by the following contributors.

Principal author:

  • Andrew Harvey | Principal Program Manager - Microsoft for Startups

Next steps