8/25/2021
23
  1. Web Api Diagram
  2. Sequence Diagram Adalah
  3. Api Call Sequence Diagram Example
  4. Api Call Sequence Diagram Example

Most tools consider an HTTP API call as a single request but that is not usually the case. An API call is surrounded by a sequence of other APIs which makes it easy to understand the context of the use case.

In HttpRider, I’ve recently introduced an exporter for sequence diagrams. So a collection of HTTP calls can be easily exported to sequence diagrams using PlantUML/MermaidJS.

HttpRider is an open source cross platform desktop client for working with JSON APIs

Class diagram
  • Feb 08, 2017 The pattern of calling an asynchronous method that we show here is the simplest one to use when you call asynchronous APIs in an event handler. You can also use this pattern when you call an asynchronous method in an overridden method that returns void or a Sub in Visual Basic.
  • UML diagrams can be used for showing Process view, Data view, Logical view and physical view. If your APIs are fulfilling a use case then use Sequence diagram to illustrate order in which they must be used. Use class diagram to show your domain o.

Web Api Diagram

Api Call Sequence Diagram

A call might have completed, with one or both sides having hung up. Perhaps a network failure has occurred, or one user might have quit their browser, or had a system crash. In any case, all good things must come to an end. When the user clicks the 'Hang Up' button to end the call, the hangUpCall function is called. UML diagrams can be used for showing Process view, Data view, Logical view and physical view. If your APIs are fulfilling a use case then use Sequence diagram to illustrate order in which they must be used. Use class diagram to show your domain o.

Here is an example:

To help the tool understand the different participants, the title of each call needs to follow this convention, for eg.
[Client -> Gateway] Make payment

Where Client and Gateway are two different actors in a sequence diagram. In this case, HttpRider will try to extract the actors/participants between [source -> target] and renders it in plantuml syntax.

The full diagram can be rederend using the online tool. Here is the link to the generated diagram from the above calls.

Api

A quick video demonstration

The Sequence diagram of UML
Api Call Sequence Diagram

A sequence diagram shows object interactions arranged in time sequence. It depicts the objects involved in the scenario and the sequence of messages exchanged between the objects needed to carry out the functionality of the scenario. Sequence diagrams are typically associated with use case realizations in the logical view of the system under development. Sequence diagrams are sometimes called event diagrams or event scenarios.

A sequence diagram shows, as parallel vertical lines (lifelines), different processes or objects that live simultaneously, and, as horizontal arrows, the messages exchanged between them, in the order in which they occur. This allows the specification of simple runtime scenarios in a graphical manner.

Diagram building blocks[edit]

If the lifeline is that of an object, it demonstrates a role. Leaving the instance name blank can represent anonymous and unnamed instances.

Messages, written with horizontal arrows with the message name written above them, display interaction. Solid arrow heads represent synchronous calls, open arrow heads represent asynchronous messages, and dashed lines represent reply messages.[1]If a caller sends a synchronous message, it must wait until the message is done, such as invoking a subroutine. If a caller sends an asynchronous message, it can continue processing and doesn’t have to wait for a response. Asynchronous calls are present in multithreaded applications, event-driven applications and in message-oriented middleware. Activation boxes, or method-call boxes, are opaque rectangles drawn on top of lifelines to represent that processes are being performed in response to the message (ExecutionSpecifications in UML).

Objects calling methods on themselves use messages and add new activation boxes on top of any others to indicate a further level of processing. If an object is destroyed (removed from memory), an X is drawn on bottom of the lifeline, and the dashed line ceases to be drawn below it. It should be the result of a message, either from the object itself, or another.

Sequence Diagram Adalah

Was my ip public. A message sent from outside the diagram can be represented by a message originating from a filled-in circle (found message in UML) or from a border of the sequence diagram (gate in UML).

UML has introduced significant improvements to the capabilities of sequence diagrams. Most of these improvements are based on the idea of interaction fragments[2] which represent smaller pieces of an enclosing interaction. Multiple interaction fragments are combined to create a variety of combined fragments,[3] which are then used to model interactions that include parallelism, conditional branches, optional interactions.

References[edit]

  1. ^OMG (2011). OMG Unified Modeling Language (OMG UML), Superstructure, V2.4.1, p. 507.
  2. ^OMG (2008). OMG Unified Modeling Language (OMG UML), Superstructure, V2.1.2, p. 485.
  3. ^OMG (2007). OMG Unified Modeling Language (OMG UML), Superstructure, V2.1.2. p. 467.

External links[edit]

Wikimedia Commons has media related to Sequence diagrams.

Api Call Sequence Diagram Example

  • UML Distilled by Martin Fowler
  • Current UML Specification by Object Management Group (OMG)
  • Introduction to UML 2 Sequence Diagrams by Scott W. Ambler.
  • A Quick Introduction to UML Sequence Diagrams by Yanic Inghelbrecht

Api Call Sequence Diagram Example

Retrieved from 'https://en.wikipedia.org/w/index.php?title=Sequence_diagram&oldid=1019345802'