<div id="readability-page-1" class="page"><article id="mainContent">
                <div>
                  <p><a href="/m/category/ETC/%EB%81%84%EC%A0%81%EB%81%84%EC%A0%81"><span>ETC/끄적끄적</span></a></p><h3>OAuth 서드파티 시퀀스 다이어그램</h3>
                </div>
                <p><cite>calci</cite>
                  <span> 2022. 7. 17. 22:26</span>
                </p>
                                <div>
                                <p data-ke-size="size14">레퍼런스 : <a href="https://plantuml.com/ko/guide" target="_blank" rel="noopener">https://plantuml.com/ko/guide</a></p>
<figure id="og_1658064406141" contenteditable="false" data-ke-type="opengraph" data-ke-align="alignCenter" data-og-type="website" data-og-title="PlantUML Language Reference Guide" data-og-description="" data-og-host="plantuml.com" data-og-source-url="https://plantuml.com/ko/guide" data-og-url="https://plantuml.com/ko/guide" data-og-image="https://scrap.kakaocdn.net/dn/mxbVH/hyO7xAs2Z5/nLUI6KKg087kUZsKkLxco0/img.jpg?width=640&amp;height=427&amp;face=0_0_640_427,https://scrap.kakaocdn.net/dn/e3bzQ/hyO7Dm7SEB/8WEnRhglSKF42X3Ny2aYZ1/img.jpg?width=640&amp;height=427&amp;face=0_0_640_427"><a href="https://plantuml.com/ko/guide" target="_blank" rel="noopener" data-source-url="https://plantuml.com/ko/guide">

<div>
<p data-ke-size="size16">PlantUML Language Reference Guide</p>

<p data-ke-size="size16">plantuml.com</p>
</div>
</a><img src="https://scrap.kakaocdn.net/dn/mxbVH/hyO7xAs2Z5/nLUI6KKg087kUZsKkLxco0/img.jpg?width=640&amp;height=427&amp;face=0_0_640_427,https://scrap.kakaocdn.net/dn/e3bzQ/hyO7Dm7SEB/8WEnRhglSKF42X3Ny2aYZ1/img.jpg?width=640&amp;height=427&amp;face=0_0_640_427"></figure>

<p data-ke-size="size14">GitHub TPA 로그인 플로우를 만들어보려고 고민하면서 시퀀스 다이어그램을 끄적끄적...</p>

<figure data-ke-mobilestyle="widthOrigin" data-origin-width="886" data-origin-height="2248">
    <span data-url="https://k.kakaocdn.net/dn/SsS9D/btrHqRhu5Tk/m6HxWIAnzFA25KRGjeOiO1/img.png" data-lightbox="lightbox">
        <img src="https://k.kakaocdn.net/dn/SsS9D/btrHqRhu5Tk/m6HxWIAnzFA25KRGjeOiO1/img.png" onerror="this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';" data-origin-width="886" data-origin-height="2248">
    </span>
    
</figure>

<pre id="code_1658064383645" data-ke-language="html" data-ke-type="codeblock"><code>@startuml test
skinparam SequenceBoxBackgroundColor #FFFFFF30
skinparam SequenceBoxBorderColor #00000070

box "LOCAL"
actor       PLAYER              as user
participant GAME_CLIENT         as client
end box

box "REMOTE"
participant GAME_AUTH_SERVER    as server
database    GAME_DB             as db
end box

control     TPA_OAUTH_WEB       as web
participant TPA_SERVER          as tpa

user    -&gt;  client  : Open App
client  -&gt;  client  : Initialize
' user    &lt;-- client  : Initialize done.

note over user : Login

' user    -&gt;  client  : sign in with tpa
client  -&gt;  client  : query cached token

opt cached token exist
client  -&gt;  server  : sigin_in_with_tpa_token \n(/w token)
server  -&gt;  server  : validate registered token
server  -&gt;  db      : query token
server  &lt;-- db      : query result

server  -&gt;  tpa     : validate token
tpa     -&gt;  tpa     : validate expiration
server  &lt;-- tpa     : validation result

alt expired
server  -&gt;  server  : generate oauth link
client  &lt;-- server  : oauth_url
client  -&gt;  client  : open_port
client  -&gt;  server  : register_local_port \n(/w port_number)
server  -&gt;  server  : create mapping uid-port
client  &lt;-- server  : mapping result
client  -&gt;  web     : open url
web     -&gt;  web     : login
web     -&gt;  tpa     : oauth_result
server  &lt;-- tpa     : fallback \n(/r tpa_user_info)
server  -&gt;  server  : update info
' server  -&gt;  db      : write
' server  &lt;-- db      : 
client  &lt;-- server  : login_result


else valid token
server  -&gt;  tpa     : request_tpa_user_info
tpa     -&gt;  tpa     : get_tpa_info
server  &lt;-- tpa     : tpa_user_info
server  -&gt;  db      : query user_info
server  &lt;-- db      : query result
client  &lt;-- server  : login_result
end

end

opt not logged in
client  -&gt;  server  : request_tpa_policy \n(/w client_info)
server  -&gt;  server  : validate service id, client id
client  &lt;-- server  : result_tpa_policy

user    &lt;-- client  : show tpa list
user    -&gt;  client  : select tpa to sign in

client  -&gt;  server  : get_tpa_link \n(/w token)
server  -&gt;  server  : generate oauth link
client  &lt;-- server  : oauth_url
client  -&gt;  client  : open_port
client  -&gt;  server  : register_local_port \n(/w port_number)
server  -&gt;  server  : create mapping uid-port
client  &lt;-- server  : mapping result
client  -&gt;  web     : open url
web     -&gt;  web     : login
web     -&gt;  tpa     : oauth_result
server  &lt;-- tpa     : fallback \n(/r tpa_user_info)
server  -&gt;  server  : create user_info
server  -&gt;  db      : write
server  &lt;-- db      : 
client  &lt;-- server  : login_result

end

user    &lt;-- client  : login result

@enduml</code></pre>
            
            
                </div>
                
              </article></div>

Fireplace

samueljeon

레퍼런스 : https://plantuml.com/ko/guide
 
GitHub TPA 로그인 플로우를 만들어보려고 고민하면서 시퀀스 다이어그램을 끄적끄적...
 
 
@startuml test
skinparam SequenceBoxBackgroundColor #FFFFFF30
skinparam SequenceBoxBorderColor #00000070
box "LOCAL"
actor       PLAYER              as user
participant GAME_CLIENT         as client
end box
box "REMOTE"
participant GAME_AUTH_SERVER    as server
database    GAME_DB             as db
end box
control     TPA_OAUTH_WEB       as web
participant TPA_SERVER          as tpa
user    ->  client  : Open App
client  ->  client  : Initialize
' user    <-- client  : Initialize done.
note over user : Login
' user    ->  client  : sign in with tpa
client  ->  client  : query cached token
opt cached token exist
client  ->  server  : sigin_in_with_tpa_token \n(/w token)
server  ->  server  : validate registered token
server  ->  db      : query token
server  <-- db      : query result
server  ->  tpa     : validate token
tpa     ->  tpa     : validate expiration
server  <-- tpa     : validation result
alt expired
server  ->  server  : generate oauth link
client  <-- server  : oauth_url
client  ->  client  : open_port
client  ->  server  : register_local_port \n(/w port_number)
server  ->  server  : create mapping uid-port
client  <-- server  : mapping result
client  ->  web     : open url
web     ->  web     : login
web     ->  tpa     : oauth_result
server  <-- tpa     : fallback \n(/r tpa_user_info)
server  ->  server  : update info
' server  ->  db      : write
' server  <-- db      : 
client  <-- server  : login_result
else valid token
server  ->  tpa     : request_tpa_user_info
tpa     ->  tpa     : get_tpa_info
server  <-- tpa     : tpa_user_info
server  ->  db      : query user_info
server  <-- db      : query result
client  <-- server  : login_result
end
end
opt not logged in
client  ->  server  : request_tpa_policy \n(/w client_info)
server  ->  server  : validate service id, client id
client  <-- server  : result_tpa_policy
user    <-- client  : show tpa list
user    ->  client  : select tpa to sign in
client  ->  server  : get_tpa_link \n(/w token)
server  ->  server  : generate oauth link
client  <-- server  : oauth_url
client  ->  client  : open_port
client  ->  server  : register_local_port \n(/w port_number)
server  ->  server  : create mapping uid-port
client  <-- server  : mapping result
client  ->  web     : open url
web     ->  web     : login
web     ->  tpa     : oauth_result
server  <-- tpa     : fallback \n(/r tpa_user_info)
server  ->  server  : create user_info
server  ->  db      : write
server  <-- db      : 
client  <-- server  : login_result
end
user    <-- client  : login result
@enduml
	
카카오스토리
트위터
페이스북
'ETC > 끄적끄적' 카테고리의 다른 글
OAuth 서드파티 시퀀스 다이어그램  (0)
22:26:29
언리얼 엔진 5 루멘 챌린지 작업 후기  (0)
2021.07.28
[C#] Enum의 모든 값 가져오기  (0)
2021.06.30

OAuth 서드파티 시퀀스 다이어그램

댓글