doc/use-case-5.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="595px" height="141px" viewBox="-0.5 -0.5 595 141" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2020-05-31T20:18:57.475Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.61 Safari/537.36&quot; version=&quot;13.1.7&quot; etag=&quot;gTXD76lL0Y-olUmn83Qo&quot; type=&quot;device&quot;&gt;&lt;diagram id=&quot;5twqOBGYBCggu_0TShc6&quot;&gt;7Vlbb5swGP01SNtDIwyYkMfc2j50aqV02vbogAOsDs6M0yT79bPB3ElDlTTptrZSG45vH+d8F9vRzPFye8PQKvhCPUw0Q/e2mjnRDKMPgfgrgV0KWKaRAj4LvRQCBTALf2MF6gpdhx6OKx05pYSHqyro0ijCLq9giDG6qXZbUFJddYV83ABmLiJN9Fvo8SBFHaNf4Lc49INsZWAP0pYlyjqrN4kD5NFNCTKnmjlmlPL003I7xkRyl/GSjrve05obxnDEuwxQvD8jslbvphk2EUNHCypmkBQSypIW+9daWjXSDFNPfsqQHvOdYicD5QRXcaLdUHQA1mpbHmH78v8Ms2fMsjWFnemyaaOiKJ/ZYHQdeViaDkTzJgg5nq2QK1s3wtEEFvAlUc0EzTEZIffJT4aN1YtENMLSupCQOiSWVr4GBup5nL++OXKgBXWBC4N5KJxhSEI/Em2crnJjZRve7hUD5BKL0MB0iTnbiS5qgNm30iG7zG8s5SabwsuMvsKCsodlHZHybD+fvBBffFD6t/uC2eAbe8Lt1SNlPKA+jRCZFuioUEQyU/S5o5KURIefmPOd4hWtOa2qVCc9tUEuXCExpmvmKkiRxBHzsXp/2Jlqhgni4XN19jbW1NAHGiZxoCSCYNAblH9qgjl2D1bnTM1U09TEyO3qpI/ViNUJvc1CZ87yqDGHltXU8lWxU44O4fqLxcJwXYHHnNEnXGrx7LkN7ZagWIael3jIKeJioNdozvJpKS6A3hIXJtwvcNewgC20PzZpB73kV7DvwNOy70HseFYb+44xN+23Zh8al2TfPlSgDhYep1p3ula0VNWxJHYhqOW4a5ESJX2Fk6rC8WGt53mBul9zEkZY4R5iT/diVMgl7XpPh+csaXPKOV2exn8sAKv+k2/jSv4DW9zHPkFN6/8lNc1p1jTQnekjixoYXK6oOY34/jp5aMmuRr8ngiDJrydOrxcubvYls+vgPYTHvqTkoTjINa2L5ri4XbR5NrxD1GUhVg476/RR11WNLC8eUeyA3nbKWj7ezbqWL0nYnawzVdGQcn1XsCIObC/EBMPCHDRP5pM6rGSWSFiBIw1OXuEAL5e7vbGnTv3KBC0/a5clHbwYk3pPnLKqVetKTX5kqr1yesCqTezUsytdLGJ8bGLNfLt+XNA/3UwfPzczbMC5vD0ZyjWN61idy/+dbayhXzLRgoMXLR/72He+j81PgpfYx4KLXM4IZtjuuxqfPPxIRITZ42Rbbpzs1FNXubqU6JbbnrfYGXcWonkL8zj+rzesIjCyAnaWTNq8jznvlfWYhDhJmx9X1kW+O8uNtXgsvhlJt0TF10vm9A8=&lt;/diagram&gt;&lt;/mxfile&gt;"><defs/><g><rect x="324" y="0" width="270" height="140" rx="21" ry="21" fill="none" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 268px; height: 1px; padding-top: 7px; margin-left: 325px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #B85450; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#000000" style="font-size: 14px">Server</font></div></div></div></foreignObject><text x="459" y="26" fill="#B85450" font-family="Helvetica" font-size="19px" text-anchor="middle">Server</text></switch></g><path d="M 440 46.52 L 460 46.52 L 450 46.52 L 463.63 46.52" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 468.88 46.52 L 461.88 50.02 L 463.63 46.52 L 461.88 43.02 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="340" y="29" width="100" height="35" rx="5.25" ry="5.25" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 47px; margin-left: 341px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">DoH<br />:443</div></div></div></foreignObject><text x="390" y="50" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">DoH...</text></switch></g><rect x="470" y="29" width="100" height="35" rx="5.25" ry="5.25" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 47px; margin-left: 471px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">DoT<br />1.1.1.1:853</div></div></div></foreignObject><text x="520" y="50" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">DoT...</text></switch></g><path d="M 365 70 L 385 70 L 415 100 L 415 130 L 365 130 L 365 70 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 385 70 L 385 100 L 415 100 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/><path d="M 385 70 L 385 100 L 415 100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 127px; margin-left: 366px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #B85450; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 8px" color="#000000">Certificate</font></div></div></div></foreignObject><text x="390" y="127" fill="#B85450" font-family="Helvetica" font-size="19px" text-anchor="middle">Certi...</text></switch></g><path d="M 110 46.5 L 143.63 46.5" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 148.88 46.5 L 141.88 50 L 143.63 46.5 L 141.88 43 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="10" y="29" width="100" height="35" rx="5.25" ry="5.25" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 47px; margin-left: 11px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">UDP<br />127.0.0.1:53</div></div></div></foreignObject><text x="60" y="50" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">UDP...</text></switch></g><path d="M 250 46.5 L 333.63 46.5" fill="none" stroke="#b85450" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 338.88 46.5 L 331.88 50 L 333.63 46.5 L 331.88 43 Z" fill="#b85450" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 29px; margin-left: 299px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #B85450; line-height: 1.2; pointer-events: all; white-space: nowrap; "><font style="font-size: 10px">mTLS</font></div></div></div></foreignObject><text x="299" y="35" fill="#B85450" font-family="Helvetica" font-size="19px" text-anchor="middle">mTLS</text></switch></g><rect x="150" y="29" width="100" height="35" rx="5.25" ry="5.25" fill="#d5e8d4" stroke="#82b366" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 47px; margin-left: 151px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">DoH (GET)<br />https://server</div></div></div></foreignObject><text x="200" y="50" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">DoH (GET)...</text></switch></g><path d="M 175 70 L 195 70 L 225 100 L 225 130 L 175 130 L 175 70 Z" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><path d="M 195 70 L 195 100 L 225 100 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all"/><path d="M 195 70 L 195 100 L 225 100" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 127px; margin-left: 176px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #B85450; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font style="font-size: 8px" color="#000000">Certificate</font></div></div></div></foreignObject><text x="200" y="127" fill="#B85450" font-family="Helvetica" font-size="19px" text-anchor="middle">Certi...</text></switch></g><path d="M 110 100 L 130 100 L 130 46.52 L 143.63 46.51" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="stroke"/><path d="M 148.88 46.5 L 141.89 50.01 L 143.63 46.51 L 141.88 43.01 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="all"/><rect x="10" y="82.5" width="100" height="35" rx="5.25" ry="5.25" fill="#fff2cc" stroke="#d6b656" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 100px; margin-left: 11px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: #000000; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; ">TCP<br />127.0.0.1:53</div></div></div></foreignObject><text x="60" y="104" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle">TCP...</text></switch></g><rect x="0" y="0" width="270" height="140" rx="21" ry="21" fill="none" stroke="#000000" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 268px; height: 1px; padding-top: 7px; margin-left: 1px;"><div style="box-sizing: border-box; font-size: 0; text-align: center; "><div style="display: inline-block; font-size: 19px; font-family: Helvetica; color: #B85450; line-height: 1.2; pointer-events: all; white-space: normal; word-wrap: normal; "><font color="#000000" style="font-size: 14px">Client</font></div></div></div></foreignObject><text x="135" y="26" fill="#B85450" font-family="Helvetica" font-size="19px" text-anchor="middle">Client</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://desk.draw.io/support/solutions/articles/16000042487" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Viewer does not support full SVG 1.1</text></a></switch></svg>