Structure diagrams visually talk and doc the high-level design of an answer. As the extent of element will increase, so does the diagram’s dimension, density, and format complexity. Utilizing Sequence Diagrams, you’ll be able to discover further utilization eventualities and enrich your understanding of the distributed structure whereas persevering with to speak visually.
This put up takes a pattern structure and iteratively builds out a set of Sequence Diagrams. Every diagram provides to the vocabulary and graphical notation of Sequence Diagrams, then exhibits how the diagram deepened understanding of the structure. All diagrams on this put up had been rendered from a text-based area particular language utilizing a diagrams-as-code software as a substitute of being drawn with graphical diagramming software program.
Pattern structure
The structure is predicated on Implementing header-based API Gateway versioning with Amazon CloudFront from the AWS Compute Weblog, which makes use of the AWS Lambda@Edge characteristic to dynamically route the request to the focused API model.
Amazon API Gateway is a totally managed service that makes it simpler for builders to create, publish, preserve, monitor, and safe APIs at any scale. Amazon CloudFront is a world content material supply community (CDN) service constructed for high-speed, low-latency efficiency, safety, and developer ease-of-use. Lambda@Edge allows you to run capabilities that customise the content material that CloudFront delivers.
The numbered labels in Determine 1 correspond to the next textual content descriptions:
- Consumer sends an HTTP request to CloudFront, together with a model header.
- CloudFront invokes the Lambda@Edge perform for the Origin Request occasion.
- The perform matches the header worth to information fetched from an Amazon DynamoDB desk, then modifies the Host header and path of the request and returns it to CloudFront.
- CloudFront routes the HTTP request to the matching API Gateway.
Determine 1 structure diagram is a free-form combination between a construction diagram and a conduct diagram. It contains structural elements from a high-level Deployment Diagram, which depicts community connections between AWS companies. It additionally demonstrates behavioral elements from a Communication Diagram, which makes use of messages represented by arrows labeled with chronological numbers.
Sequence Diagrams
Sequence Diagrams are a part of a subset of conduct diagrams referred to as interplay diagrams, which emphasis management and information movement. Sequence Diagrams mannequin the ordered logic of utilization eventualities in a constant visible method and seize detailed behaviors. I exploit this diagram sort for evaluation and design functions and to validate my assumptions about information flows in distributed architectures. Let’s examine the system use case the place the API is known as and not using a header indicating the requested model utilizing a Sequence Diagram.
Analyzing the system use case
In Determine 2, Consumer, Internet Distribution, and Origin Request are every actors or system individuals. The parallel vertical traces beneath these individuals are lifelines. The horizontal arrows between individuals are messages, with the arrowhead indicating message course. Messages are organized in time sequence from high to backside. The dashed traces characterize reply messages. The textual content inside guillemets («like this») point out a stereotype, which refines the that means of a mannequin ingredient. The rectangle with the bent upper-right nook is a observe containing further helpful info.
The message from Consumer to Internet Distribution lacks any HTTP header that signifies the model, which precipitates the selection of Settle for-Model for this title. The return message requires a call about HTTP standing code for this error case (400). The interplay with the Origin Request prompts a collection of Lambda runtimes (nodejs14.x) and understanding the programming mannequin for producing an HTTP response for this request.
Designing the interplay
Subsequent, let’s design the interplay when the Settle for-Model header is current, however the corresponding worth shouldn’t be discovered within the Model Mappings desk.
Determine 3 provides new notation to the diagram. The rectangle with “decide” within the upper-left nook and bolded textual content inside sq. brackets is an interplay fragment. The “decide” signifies this operation is an possibility primarily based on the constraint (or guard) that “model mappings not cached” is true.

Determine 3. API model not discovered
A DynamoDB scan operation on each request consumes desk learn capability. Caching Model Mappings information contained in the Lambda@Edge perform’s reminiscence optimizes for on-demand capability mode. The «on-demand» stereotype on the DynamoDB participant succinctly communicates this choice. The “API V3 not discovered” observe on Determine 3 gives readability to the reader. The HTTP standing code for this error case is set as 404 with a customized description of “API Model Not Discovered.”
Now, let’s design the interplay the place the API model is discovered and the caller receives a profitable response.
Determine 4 is much like Determine 3 up till the observe, which now signifies “API V1 discovered.” Consulting the documentation for Writing capabilities for Lambda@Edge, the request occasion is up to date with the HTTP Host header and path for the “API V1” Amazon API Gateway.

Determine 4. API model discovered
As a substitute of three separate diagrams for these particular person eventualities, a single, mixed diagram can characterize your entire set of use instances. Determine 5 contains two new “alt” interplay fragments that characterize selections of other behaviors.
The primary “alt” has a guard of “lacking Settle for-Model header” mapping to our Determine 2 use case. The “else” guard encompasses the remaining use instances containing a second “alt” splitting the place Determine 3 and Determine 4 diverge. That “model not discovered” guard is the Determine 3 use case returning the 404, whereas that “else” guard is the Determine 4 success situation. The added notes enhance visible readability.

Determine 5. Header-based API Gateway versioning with CloudFront
Diagrams as code
After diagrams are created, the subsequent query is the place to save lots of them and find out how to preserve them up to date. As a result of diagrams-as-code use text-based recordsdata, they are often saved and versioned in the identical supply management system as utility code. Additionally take into account an architectural choice document (ADR) course of to doc and talk architecturally important choices. Then as utility code is up to date, crew members can revise each the ADR narrative and the text-based diagram supply. Up-to-date documentation is essential for operationally supporting manufacturing deployments, and these diagrams rapidly present a visible understanding of system element interactions.
Conclusion
This put up began with a high-level structure diagram and ended with an extra Sequence Diagram that captures a number of utilization eventualities. This improved understanding of the system design throughout success and error use instances. Specializing in system interactions previous to coding facilitates the interface definition and emergent properties discovery, earlier than considering by way of programming language particular constructs and SDKs.
Experiment to see if Sequence Diagrams enhance the evaluation and design part of your subsequent venture. View further examples of diagrams-as-code from the AWS Icons for PlantUML GitHub repository. The Workload Discovery on AWS resolution may even construct detailed structure diagrams of your workloads primarily based on dwell information from AWS.
For vetted structure options and reference structure diagrams, go to the AWS Structure Middle. For extra serverless studying assets, go to Serverless Land.
Associated info
- The Unified Modeling Language specification gives the total definition of Sequence Diagrams. This contains notations for extra interplay body operators, utilizing open arrow heads to characterize asynchronous messages, and extra.
- Diagrams had been created for this weblog put up utilizing PlantUML and the AWS Icons for PlantUML. PlantUML integrates with IDEs, wikis, and different exterior instruments. PlantUML is distributed beneath a number of open-source licenses, permitting native server rendering for diagrams containing delicate info. AWS Icons for PlantUML embrace the official AWS Structure Icons.