AWS · Amazon API Gateway · Diagram as code

AWS API Gateway architecture diagram

Show how HTTP or REST APIs front your backends. ArchLex validates API Gateway as an invokes source and as a CloudFront or Route 53 route target, then draws the official icon.

API Gateway with Lambda authorizer and handler.

One API invokes an authorizer and a route handler; the handler reads DynamoDB.

AWS API Gateway architecture diagram: API Gateway invokes a Lambda authorizer and a route handler that reads DynamoDBAWS API Gateway architecture diagram: API Gateway invokes a Lambda authorizer and a route handler that reads DynamoDB
provider aws
direction LR

api: api-gateway["HTTP API"]
auth: lambda["Authorizer"]
handler: lambda["Route handler"]
table: dynamodb["Users"]

api -[invokes]-> auth
api -[invokes]-> handler
handler -[reads]-> table

Open this diagram in the playground

CloudFront in front of API Gateway.

Terminate at CloudFront, then route API traffic to API Gateway.

AWS API Gateway architecture diagram: CloudFront routes to API Gateway which invokes LambdaAWS API Gateway architecture diagram: CloudFront routes to API Gateway which invokes Lambda
provider aws
direction LR

cdn: cloudfront["CDN"]
api: api-gateway["HTTP API"]
fn: lambda["Handler"]

cdn -[routes]-> api
api -[invokes]-> fn

Open this diagram in the playground

Pattern notes for Amazon API Gateway.

Placement and relationship rules ArchLex enforces for this service.

Ask an agent to draw it.

Install the ArchLex skill or connect the free MCP server, then paste this prompt.

Agent skill install
npx skills add baires/archlex
Draw an AWS API Gateway architecture diagram with a Lambda authorizer, a route handler, and DynamoDB. Validate it and return a playground link.

Prefer MCP? Follow the MCP server guide.

Related AWS examples.

Browse all examples

Amazon API Gateway diagram questions.

How do I diagram Amazon API Gateway with ArchLex?

Use the api-gateway resource (aliases apigw and api_gateway). Connect it with -[invokes]-> to Lambda handlers or authorizers, and optionally put CloudFront or Route 53 in front with -[routes]->.

Can I show REST and HTTP APIs?

ArchLex uses one api-gateway catalog entry for both. Distinguish them with display labels such as ["HTTP API"] or ["REST API"] on the node.

Does ArchLex validate API Gateway routes and stages?

No. It checks declared resources and relationship kinds. Route keys, stages, usage plans, and mapping templates are outside the diagram graph.

Where is the API Gateway semantics reference?

See the https://docs.archlex.dev/specs/aws-semantics/ for AWS scopes, catalog entries, and relationship rules.

More AWS service diagrams.

Open source · MIT licensed

Diagram Amazon API Gateway as code.