Add Websocket runtime diagram

This commit is contained in:
2024-01-18 15:10:57 +01:00
parent 32da5b1e30
commit b6fb8a8166
16 changed files with 162 additions and 18 deletions

View File

@@ -0,0 +1,58 @@
<?xml version='1.0' encoding='UTF-8'?>
<!-- This file was generated by dvisvgm 3.1.2 -->
<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='322.21921pt' height='237.01525pt' viewBox='-72.000105 -72.003505 322.21921 237.01525'>
<style type='text/css'>
<![CDATA[@font-face{font-family:nf0;src:url(data:application/x-font-woff;base64,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) format('woff');}
text.f0 {font-family:nf0;font-size:6.973848px}
text.f1 {font-family:nf0;font-size:8.966376px}
text.f2 {font-family:nf0;font-size:9.96264px}
]]>
</style>
<g id='page1'>
<path d='M-36.5586-71.605H-68.6016C-70.2578-71.605-71.6016-70.262-71.6016-68.605V-55.32C-71.6016-53.664-70.2578-52.32-68.6016-52.32H-36.5586C-34.9023-52.32-33.5586-53.664-33.5586-55.32V-68.605C-33.5586-70.262-34.9023-71.605-36.5586-71.605Z' fill='#fff'/>
<path d='M-36.5586-71.605H-68.6016C-70.2578-71.605-71.6016-70.262-71.6016-68.605V-55.32C-71.6016-53.664-70.2578-52.32-68.6016-52.32H-36.5586C-34.9023-52.32-33.5586-53.664-33.5586-55.32V-68.605C-33.5586-70.262-34.9023-71.605-36.5586-71.605Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f2' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 -13.0213 -223.2327)'>Ger<tspan x='-37.486993'>ät</tspan></text>
<path d='M246.8206-71.605H214.9566C213.3006-71.605 211.9566-70.262 211.9566-68.605V-55.32C211.9566-53.664 213.3006-52.32 214.9566-52.32H246.8206C248.4766-52.32 249.8206-53.664 249.8206-55.32V-68.605C249.8206-70.262 248.4766-71.605 246.8206-71.605Z' fill='#fff'/>
<path d='M246.8206-71.605H214.9566C213.3006-71.605 211.9566-70.262 211.9566-68.605V-55.32C211.9566-53.664 213.3006-52.32 214.9566-52.32H246.8206C248.4766-52.32 249.8206-53.664 249.8206-55.32V-68.605C249.8206-70.262 248.4766-71.605 246.8206-71.605Z' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10'/>
<text class='f2' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 270.5364 -223.2327)'>WSM</text>
<path d='M-52.582033-51.922V164.812495' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M230.8866-51.922V164.812495' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M-52.582033-30.25H228.1916' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M230.6877-30.250005L227.117387-31.59376L228.29317-30.250005L227.117387-28.90235Z'/>
<path d='M230.6877-30.250005L227.117387-31.59376L228.29317-30.250005L227.117387-28.90235Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f2' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 90.9588 -200.6718)'>T<tspan x='-46.772176'>CP-V</tspan><tspan x='-25.40232'>erbindung</tspan><tspan x='20.714734'>öffnen</tspan></text>
<path d='M-49.88281-8.578H228.1916' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-52.38279-8.578129L-48.808575-7.23047L-49.98436-8.578129L-48.808575-9.92188Z'/>
<path d='M-52.38279-8.578129L-48.808575-7.23047L-49.98436-8.578129L-48.808575-9.92188Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M230.6877-8.578129L227.117387-9.92188L228.29317-8.578129L227.117387-7.23047Z'/>
<path d='M230.6877-8.578129L227.117387-9.92188L228.29317-8.578129L227.117387-7.23047Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f2' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 107.2081 -177.0078)'>TLS-Handshak<tspan x='11.329934'>e</tspan></text>
<text class='f1' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 66.7294 -163.05397)'>V<tspan x='-47.245398'>erschlüsselung</tspan><tspan x='14.093578'>und</tspan><tspan x='31.093823'>A</tspan><tspan x='36.644012'>uthentifizierung</tspan></text>
<path d='M-56.10156 13.098H234.4066' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10' stroke-dasharray='.79701 1.99255'/>
<path d='M17.4648 19.996H160.8436V6.199H17.4648Z' fill='#fff'/>
<text class='f0' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 73.3651 -149.733)'>(ab<tspan x='-41.073543'>hier</tspan><tspan x='-28.053364'>ist</tspan><tspan x='-19.029201'>die</tspan><tspan x='-8.303419'>K</tspan><tspan x='-4.000558'>ommunikation</tspan><tspan x='41.852497'>v</tspan><tspan x='45.158094'>erschlüsselt)</tspan></text>
<path d='M-52.582033 45.605H228.1916' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M230.6877 45.605446L227.117387 44.2617L228.29317 45.605446L227.117387 46.9531Z'/>
<path d='M230.6877 45.605446L227.117387 44.2617L228.29317 45.605446L227.117387 46.9531Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f2' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 71.3869 -124.7469)'>H<tspan x='-45.676286'>T</tspan><tspan x='-39.648887'>TP</tspan><tspan x='-25.153253'>GE</tspan><tspan x='-12.590358'>T</tspan><tspan x='-4.221747'>W</tspan><tspan x='4.555345'>ebsock</tspan><tspan x='35.738402'>et-Endpunkt</tspan></text>
<path d='M-49.88281 67.2812H230.8866' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-dasharray='2.98883 2.98883'/>
<path d='M-52.38279 67.281237L-48.808575 68.62499L-49.98436 67.281237L-48.808575 65.93358Z'/>
<path d='M-52.38279 67.281237L-48.808575 68.62499L-49.98436 67.281237L-48.808575 65.93358Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f2' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 88.9065 -103.1419)'>101<tspan x='-33.601574'>Switching</tspan><tspan x='11.45944'>Pr</tspan><tspan x='20.834278'>ot</tspan><tspan x='29.511732'>ocols</tspan></text>
<path d='M-56.10156 88.9531H234.4066' stroke='#000' fill='none' stroke-width='.79701' stroke-miterlimit='10' stroke-dasharray='.79701 1.99255'/>
<path d='M-6.4219 95.8516H184.7306V82.0547H-6.4219Z' fill='#fff'/>
<text class='f0' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 49.47934 -73.8778)'>(ab<tspan x='-41.073543'>hier</tspan><tspan x='-28.053364'>v</tspan><tspan x='-24.747768'>erläuft</tspan><tspan x='-3.442658'>die</tspan><tspan x='7.283124'>K</tspan><tspan x='11.585985'>ommunikation</tspan><tspan x='57.43904'>im</tspan><tspan x='66.874661'>W</tspan><tspan x='73.018625'>ebsock</tspan><tspan x='94.846762'>et-Pr</tspan><tspan x='109.240777'>ot</tspan><tspan x='115.314992'>okoll)</tspan></text>
<path d='M-49.88281 121.4648H228.1916' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-52.38279 121.465092L-48.808575 122.80884L-49.98436 121.465092L-48.808575 120.11744Z'/>
<path d='M-52.38279 121.465092L-48.808575 122.80884L-49.98436 121.465092L-48.808575 120.11744Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M230.6877 121.465092L227.117387 120.11744L228.29317 121.465092L227.117387 122.80884Z'/>
<path d='M230.6877 121.465092L227.117387 120.11744L228.29317 121.465092L227.117387 122.80884Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f2' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 94.3113 -48.889)'>Corpor<tspan x='-22.941539'>ate</tspan><tspan x='-6.851882'>Handshak</tspan><tspan x='37.123205'>e</tspan></text>
<path d='M-49.88281 143.1367H228.1916' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10'/>
<path d='M-52.38279 143.136488L-48.808575 144.48024L-49.98436 143.136488L-48.808575 141.78883Z'/>
<path d='M-52.38279 143.136488L-48.808575 144.48024L-49.98436 143.136488L-48.808575 141.78883Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<path d='M230.6877 143.136488L227.117387 141.78883L228.29317 143.136488L227.117387 144.48024Z'/>
<path d='M230.6877 143.136488L227.117387 141.78883L228.29317 143.136488L227.117387 144.48024Z' stroke='#000' fill='none' stroke-width='.3985' stroke-miterlimit='10' stroke-linejoin='bevel'/>
<text class='f2' x='-52.580396' y='164.811325' transform='matrix(1 0 0 1 81.798 -25.294)'>A<tspan x='-46.413525'>ustausch</tspan><tspan x='-3.853134'>v</tspan><tspan x='.859188'>on</tspan><tspan x='14.32867'>Nachrichten</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 13 KiB