Sequence diagram(시퀀스 다이어그램) 그리는 사이트

오늘 시퀀스 다이어그램을 그리기 좋은 곳을 찾아내서 리뷰해보겠다.

 

https://sequencediagram.org/

SequenceDiagram.org - UML Sequence Diagram Online Tool

링크는 위의 링크고 손으로 하는 작업보다 훨씬 빠르게 시퀀스 다이어그램을 작성할 수 있다.

 

아래 예제는 AWS에서 람다와 연결된 API Gateway를 통해 Cognito의 토큰 값을 가져오는 flow다.

 

 

코드(?)를 보면 다음과 같다.

title API Gateway Authorization API Flow

actor "User" as user
participant "API Gateway" as api
participant "Lambda" as lam
participant "Cognito" as cog
database "S3" as s3

activecolor #gray

group #green 1 #white [get token]
user->api:call with body {id, pw}
activate api
api->lam:trigger lambda with \nevent parameter : {id, pw}
activate lam
lam->cog:get token
cog->lam:token
lam->api:token
deactivate lam
api->user:token
deactivate api
end

group #green 2 #white [get s3 with token]
user->api:call with header {Authorization : token}
activate api
api-->cog:auth check
cog-->api:return validity
api->lam:invoke lambda\nif token is valid
activate lam
lam->s3:get data
s3->lam:return data
lam->api:data
deactivate lam
api->user:data
deactivate api
end

 

아주 직관적으로 되어있어서 처음쓰는데도 5분?정도 걸린 것 같다.

 

앞으로 자주 사용하게 될 것 같아 정리해봤다.

 

기능들이 꽤 많은데 더 많은 기능을 보려면 아래 링크를 참고하면 된다.

https://sequencediagram.org/instructions.html

SequenceDiagram.org - Instructions and Examples