web-app-calls-your-api.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Generated by Microsoft Visio, SVG Export web-app-calls-your-api.svg Page-1 -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events"
		xmlns:v="http://schemas.microsoft.com/visio/2003/SVGExtensions/" width="4.41477in" height="0.987536in"
		viewBox="0 0 317.863 71.1026" xml:space="preserve" color-interpolation-filters="sRGB" class="st8">
	<v:documentProperties v:langID="1033"/>

	<style type="text/css">
	<![CDATA[
		.st1 {fill:#0078d7;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.749999}
		.st2 {fill:#a5a5a5;font-family:Calibri;font-size:0.75em}
		.st3 {font-size:1em}
		.st4 {fill:#0078d7;stroke:#ffffff;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.749999}
		.st5 {fill:#ffffff;stroke:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:0.749999}
		.st6 {marker-end:url(#mrkr5-71);stroke:#505050;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
		.st7 {fill:#505050;fill-opacity:1;stroke:#505050;stroke-opacity:1;stroke-width:0.37313391627335}
		.st8 {fill:none;fill-rule:evenodd;font-size:12px;overflow:visible;stroke-linecap:square;stroke-miterlimit:3}
	]]>
	</style>

	<defs id="Markers">
		<g id="lend5">
			<path d="M 2 1 L 0 0 L 1.98117 -0.993387 C 1.67173 -0.364515 1.67301 0.372641 1.98465 1.00043 " style="stroke:none"/>
		</g>
		<marker id="mrkr5-71" class="st7" v:arrowType="5" v:arrowSize="2" v:setback="0" refX="-0" orient="auto"
				markerUnits="strokeWidth" overflow="visible">
			<use xlink:href="#lend5" transform="scale(-2.6800029597616,-2.6800029597616) "/>
		</marker>
	</defs>
	<g v:mID="0" v:index="1" v:groupContext="foregroundPage">
		<title>Page-1</title>
		<v:pageProperties v:drawingScale="0.0393701" v:pageScale="0.0393701" v:drawingUnits="24" v:shadowOffsetX="8.50393"
				v:shadowOffsetY="-8.50393"/>
		<v:layer v:name="Azure" v:index="0"/>
		<v:layer v:name="Connector" v:index="1"/>
		<g id="group1-1" transform="translate(44.6662,-40.4062)" v:mID="1" v:groupContext="group" v:layerMember="0">
			<v:userDefs/>
			<title>Web App (Was Websites).314</title>
			<desc>Web App calls your API</desc>
			<g id="group2-2" v:mID="2" v:groupContext="group" v:layerMember="0">
				<title>Sheet.2</title>
				<g id="shape3-3" v:mID="3" v:groupContext="shape" v:layerMember="0">
					<title>Sheet.3</title>
					<path d="M22.89 66.72 C20.71 68.43 18.14 69.26 15.6 69.26 C11.99 69.26 8.42 67.6 6.05 64.43 C2.02 59.02 3.02
								 51.29 8.29 47.14 C10.47 45.42 13.04 44.6 15.58 44.6 C19.2 44.6 22.76 46.27 25.13 49.44 C29.16 54.84
								 28.16 62.58 22.89 66.72 ZM26.55 48.31 C23.83 44.66 19.73 42.76 15.58 42.76 C12.66 42.76 9.7 43.71
								 7.19 45.67 C1.15 50.44 0 59.33 4.64 65.55 C7.35 69.2 11.46 71.1 15.6 71.1 C18.53 71.1 21.49 70.16
								 23.99 68.18 C30.03 63.42 31.18 54.52 26.55 48.31 Z" class="st1"/>
				</g>
			</g>
			<g id="group4-5" transform="translate(4.95553,-4.39535)" v:mID="4" v:groupContext="group" v:layerMember="0">
				<title>Sheet.4</title>
				<g id="group5-6" transform="translate(0.341804,-0.176482)" v:mID="5" v:groupContext="group" v:layerMember="0">
					<title>Sheet.5</title>
					<g id="group6-7" transform="translate(0.437247,7.10543E-14)" v:mID="6" v:groupContext="group" v:layerMember="0">
						<title>Sheet.6</title>
						<g id="shape7-8" v:mID="7" v:groupContext="shape" v:layerMember="0">
							<title>Sheet.7</title>
							<path d="M3.62 64.08 C2.82 63.26 2.18 62.49 1.66 61.73 C0.51 64.14 0.1 66.63 0 68.61 C0.11 68.77 0.11
										 68.89 0.23 69.05 C0.81 69.81 1.53 70.53 2.23 71.1 C2.13 69.48 2.27 66.83 3.62 64.08 Z"
									class="st1"/>
						</g>
					</g>
					<g id="shape8-10" v:mID="8" v:groupContext="shape" v:layerMember="0" transform="translate(3.29212,-8.97693)">
						<title>Sheet.8</title>
						<path d="M4.94 63.61 C3.85 64.38 2.74 65.36 1.61 66.59 C0.99 67.25 0.46 67.94 0 68.63 C0.48 69.43 1.11 70.25
									 1.9 71.1 C2.49 70.24 3.22 69.38 4.1 68.53 C5.21 67.47 6.25 66.62 7.23 65.93 C6.43 65.17 5.65
									 64.4 4.94 63.61 Z" class="st1"/>
					</g>
					<g id="group9-12" transform="translate(9.93514,-15.1958)" v:mID="9" v:groupContext="group" v:layerMember="0">
						<title>Sheet.9</title>
						<g id="shape10-13" v:mID="10" v:groupContext="shape" v:layerMember="0">
							<title>Sheet.10</title>
							<path d="M9.77 69.03 C9.25 68.34 8.66 67.75 8.04 67.2 C6.18 66.91 3.3 66.94 0 68.74 C0.76 69.58 1.51
										 70.37 2.24 71.1 C6.64 68.67 9.77 69.03 9.77 69.03 Z" class="st1"/>
						</g>
					</g>
					<g id="group11-15" transform="translate(1.249E-15,-9.3801)" v:mID="11" v:groupContext="group" v:layerMember="0">
						<title>Sheet.11</title>
						<g id="shape12-16" v:mID="12" v:groupContext="shape" v:layerMember="0">
							<title>Sheet.12</title>
							<path d="M2.1 71.1 C2.44 70.42 2.84 69.72 3.29 69.04 C1.4 65.97 1.49 63.43 1.69 62.24 C1.22 62.76 0.78
										 63.28 0.4 63.85 C0.02 65.46 0 68.02 2.1 71.1 Z" class="st1"/>
						</g>
					</g>
					<g id="group13-18" transform="translate(4.05147,-0.74021)" v:mID="13" v:groupContext="group" v:layerMember="0">
						<title>Sheet.13</title>
						<g id="shape14-19" v:mID="14" v:groupContext="shape" v:layerMember="0">
							<title>Sheet.14</title>
							<path d="M3.41 65 C2.53 64.28 1.78 63.56 1.14 62.86 C0.68 63.52 0.31 64.17 0 64.81 C0.6 65.44 1.3 66.07
										 2.09 66.72 C7.01 70.73 11.9 71.1 14.65 71.1 C14.83 71.1 15.69 69.91 16.19 69.16 C14.96 69.42
										 9.7 70.11 3.41 65 Z" class="st1"/>
						</g>
					</g>
					<g id="group15-21" transform="translate(2.10339,-7.0304)" v:mID="15" v:groupContext="group" v:layerMember="0">
						<title>Sheet.15</title>
						<g id="shape16-22" v:mID="16" v:groupContext="shape" v:layerMember="0">
							<title>Sheet.16</title>
							<path d="M0 68.75 C0.51 69.51 1.15 70.29 1.95 71.1 C2.26 70.46 2.64 69.81 3.09 69.15 C2.3 68.3 1.67 67.48
										 1.19 66.69 C0.72 67.37 0.33 68.07 0 68.75 Z" class="st1"/>
						</g>
					</g>
					<g id="group17-24" transform="translate(10.5195,-5.32329)" v:mID="17" v:groupContext="group" v:layerMember="0">
						<title>Sheet.17</title>
						<g id="shape18-25" v:mID="18" v:groupContext="shape" v:layerMember="0">
							<title>Sheet.18</title>
							<path d="M0 62.28 C4.49 66.54 9.8 70.16 11.15 71.1 C11.29 70.75 11.38 70.41 11.48 70.05 C10.03 68.94
										 6.22 65.89 1.65 61.23 C1.12 61.52 0.57 61.88 0 62.28 Z" class="st1"/>
						</g>
					</g>
					<g id="group19-27" transform="translate(4.98728,-16.4714)" v:mID="19" v:groupContext="group" v:layerMember="0">
						<title>Sheet.19</title>
						<g id="shape20-28" v:mID="20" v:groupContext="shape" v:layerMember="0">
							<title>Sheet.20</title>
							<path d="M4.95 70.01 C3.85 68.83 2.73 67.57 1.59 66.22 C1.04 66.39 0.51 66.62 0 66.88 C0.84 68.29 1.97
										 69.71 3.24 71.1 C3.82 70.68 4.38 70.32 4.95 70.01 Z" class="st1"/>
						</g>
					</g>
					<g id="shape21-30" v:mID="21" v:groupContext="shape" v:layerMember="0" transform="translate(8.13762,-14.0503)">
						<title>Sheet.21</title>
						<path d="M1.87 67.56 C1.31 67.87 0.57 68.33 0 68.75 C0.72 69.53 1.45 70.34 2.25 71.1 C2.82 70.7 3.59 70.22
									 4.12 69.91 C3.38 69.19 2.63 68.4 1.87 67.56 Z" class="st1"/>
					</g>
					<g id="shape22-32" v:mID="22" v:groupContext="shape" v:layerMember="0" transform="translate(8.13689,-14.0039)">
						<title>Sheet.22</title>
						<path d="M1.67 67.41 C1.1 67.72 0.57 68.11 0 68.53 C0.72 69.32 1.74 70.34 2.54 71.1 C3.11 70.7 3.59 70.29
									 4.12 69.99 C3.38 69.27 2.42 68.24 1.67 67.41 Z" class="st1"/>
					</g>
				</g>
				<g id="group23-34" transform="translate(14.8617,-6.23661)" v:mID="23" v:groupContext="group" v:layerMember="0">
					<title>Sheet.23</title>
					<g id="shape24-35" v:mID="24" v:groupContext="shape" v:layerMember="0">
						<title>Sheet.24</title>
						<path d="M1.34 66.02 C0.22 66.9 0 68.57 0.86 69.72 C1.74 70.89 3.36 71.1 4.49 70.22 C5.61 69.34 5.83 67.67
									 4.97 66.51 C4.1 65.36 2.49 65.12 1.34 66.02 Z" class="st1"/>
					</g>
				</g>
				<g id="group25-37" transform="translate(9.65097,-4.26326E-14)" v:mID="25" v:groupContext="group" v:layerMember="0">
					<title>Sheet.25</title>
					<g id="shape26-38" v:mID="26" v:groupContext="shape" v:layerMember="0">
						<title>Sheet.26</title>
						<path d="M1.24 66.39 C0.2 67.21 0 68.76 0.79 69.83 C1.6 70.9 3.1 71.1 4.15 70.28 C5.19 69.46 5.39 67.92 4.59
									 66.85 C3.79 65.77 2.29 65.57 1.24 66.39 Z" class="st1"/>
					</g>
				</g>
				<g id="group27-40" transform="translate(6.99441E-14,-5.36432)" v:mID="27" v:groupContext="group" v:layerMember="0">
					<title>Sheet.27</title>
					<g id="shape28-41" v:mID="28" v:groupContext="shape" v:layerMember="0">
						<title>Sheet.28</title>
						<path d="M1.89 63.94 C0.3 65.2 0 67.52 1.21 69.15 C2.44 70.79 4.72 71.1 6.31 69.85 C7.9 68.6 8.2 66.27 6.98
									 64.62 C5.76 63.01 3.48 62.69 1.89 63.94 Z" class="st1"/>
					</g>
				</g>
			</g>
			<g id="shape1-43" v:mID="1" v:groupContext="groupContent" v:layerMember="0">
				<v:textBlock v:margins="rect(3.99999,3.99999,3.99999,3.99999)" v:tabSpace="42.5196"/>
				<v:textRect cx="15.5906" cy="91.3069" width="43.96" height="40.4035"/>
				<text x="-1.37" y="83.21" class="st2" v:langID="1036"><v:paragraph v:horizAlign="1"/><v:tabList/>Web App<v:lf/><tspan
							x="7.71" dy="1.2em" class="st3">calls <v:lf/></tspan><tspan x="0.17" dy="1.2em" class="st3">your API</tspan></text>			</g>
		</g>
		<g id="shape29-47" v:mID="29" v:groupContext="shape" v:layerMember="0" transform="translate(278.525,-41.8981)">
			<title>API App.342</title>
			<desc>You own API</desc>
			<v:userDefs/>
			<v:textBlock v:margins="rect(3.99999,3.99999,3.99999,3.99999)" v:tabSpace="42.5196"/>
			<v:textRect cx="11.3386" cy="80.5069" width="56.01" height="18.8036"/>
			<path d="M21.59 45.59 L1.09 45.59 C0.49 45.59 0 46.08 0 46.69 L0 63.44 C0 64.05 0.49 64.54 1.09 64.54 L6.37 64.54 C6.79
						 65.89 8.06 66.81 9.58 66.81 C11.4 66.81 12.92 65.28 12.92 63.44 C12.92 61.6 11.4 60.06 9.58 60.06 C8.06
						 60.06 6.79 60.98 6.37 62.33 L2.18 62.33 L2.18 50.37 L20.49 50.37 L20.49 62.33 L17.04 62.33 C16.55 58.65
						 13.34 55.77 9.58 55.77 C8.31 55.77 7.03 56.14 5.94 56.69 L6.97 58.65 C7.7 58.22 8.67 57.98 9.52 57.98 C12.43
						 57.98 14.92 60.43 14.92 63.44 C14.92 66.44 12.49 68.89 9.52 68.89 C8.61 68.89 7.76 68.65 6.97 68.22 L5.94
						 70.18 C7.03 70.8 8.31 71.1 9.58 71.1 C13.34 71.1 16.55 68.22 17.04 64.54 L21.59 64.54 C22.19 64.54 22.68
						 64.05 22.68 63.44 L22.68 46.69 C22.68 46.14 22.19 45.59 21.59 45.59 Z" class="st1"/>
			<text x="-11.64" y="83.21" class="st2" v:langID="1036"><v:paragraph v:horizAlign="1"/><v:tabList/>You own API</text>		</g>
		<g id="group30-50" transform="translate(0.374999,-46.0755)" v:mID="30" v:groupContext="group" v:layerMember="0">
			<title>User Permissions.343</title>
			<g id="group31-51" v:mID="31" v:groupContext="group" v:layerMember="0">
				<title>Sheet.31</title>
				<g id="group32-52" v:mID="32" v:groupContext="group" v:layerMember="0">
					<title>Sheet.32</title>
					<g id="group33-53" transform="translate(3.85179,-6.46169)" v:mID="33" v:groupContext="group" v:layerMember="0">
						<title>Sheet.33</title>
						<g id="shape34-54" v:mID="34" v:groupContext="shape" v:layerMember="0">
							<title>Sheet.34</title>
							<path d="M3.62 61.22 C1.32 61.78 0 64.33 0.66 66.88 C1.32 69.44 3.62 71.1 5.93 70.55 C8.23 69.99 9.55
										 67.44 8.89 64.89 C8.34 62.22 5.93 60.56 3.62 61.22 Z" class="st1"/>
						</g>
					</g>
					<g id="group35-56" v:mID="35" v:groupContext="group" v:layerMember="0">
						<title>Sheet.35</title>
						<g id="shape36-57" v:mID="36" v:groupContext="shape" v:layerMember="0">
							<title>Sheet.36</title>
							<path d="M12.41 64.77 C11.97 64.77 11.53 65.55 10.87 65.88 C10.21 66.22 9.55 66.77 7.69 65.88 C5.82 65
										 5.6 64.22 4.06 64.22 C2.53 64.22 0 67 0 71.1 L15.59 71.1 C15.59 71.1 15.37 68.33 14.49 66.88
										 C13.39 64.77 12.85 64.77 12.41 64.77 Z" class="st1"/>
						</g>
					</g>
				</g>
			</g>
			<g id="group37-59" transform="translate(9.04848,-0.859468)" v:mID="37" v:groupContext="group" v:layerMember="0">
				<title>Sheet.37</title>
				<g id="shape38-60" v:mID="38" v:groupContext="shape" v:layerMember="0">
					<title>Sheet.38</title>
					<path d="M4.77 60.69 L0.65 60.69 C0.33 60.69 0 61.02 0 61.35 L0 64.2 C0 64.53 0.33 64.86 0.76 64.86 L1.52 64.86
								 L1.52 70.01 C1.52 70.66 1.95 71.1 2.49 71.1 C3.03 71.1 3.47 70.66 3.47 70.12 C3.58 70.12 3.68 70.12
								 3.68 70.12 C3.68 70.12 3.68 69.57 3.68 69.46 C3.68 69.24 4.01 69.13 4.01 69.13 C4.01 69.13 4.01
								 68.8 4.01 68.8 C3.68 68.69 3.47 68.47 3.47 68.36 L3.47 68.03 C3.58 67.93 3.68 67.82 3.68 67.82 C3.79
								 67.71 4.01 67.27 4.01 67.27 C4.01 67.27 3.68 66.83 3.68 66.72 C3.58 66.61 3.58 66.39 3.47 66.28
								 L3.47 66.06 C3.58 65.51 4.23 64.97 4.23 64.97 L4.77 64.97 C5.09 64.97 5.42 64.64 5.42 64.31 L5.42
								 61.35 C5.42 61.02 5.2 60.69 4.77 60.69 ZM2.38 70.23 C2.38 70.45 2.38 70.55 2.17 70.55 C1.95 70.55
								 1.95 70.34 1.95 70.23 L1.95 65.4 C1.95 65.19 2.06 65.08 2.17 65.08 C2.38 65.08 2.38 65.3 2.38 65.4
								 L2.38 70.23 ZM2.71 62.45 C2.38 62.45 2.06 62.12 2.06 61.79 C2.06 61.46 2.38 61.13 2.71 61.13 C3.03
								 61.13 3.36 61.46 3.36 61.79 C3.36 62.12 3.14 62.45 2.71 62.45 Z" class="st4"/>
				</g>
				<g id="shape39-62" v:mID="39" v:groupContext="shape" v:layerMember="0" transform="translate(1.92482,-0.570754)">
					<title>Sheet.39</title>
					<path d="M0.22 71.1 C0.11 71.1 0 70.99 0 70.88 L0 65.88 C0 65.77 0.11 65.66 0.22 65.66 C0.33 65.66 0.44 65.77
								 0.44 65.88 L0.44 70.99 C0.44 71.1 0.33 71.1 0.22 71.1 Z" class="st5"/>
				</g>
				<g id="shape40-64" v:mID="40" v:groupContext="shape" v:layerMember="0" transform="translate(2.05993,-8.66058)">
					<title>Sheet.40</title>
					<ellipse cx="0.658755" cy="70.4365" rx="0.658755" ry="0.666073" class="st5"/>
				</g>
			</g>
		</g>
		<g id="shape41-66" v:mID="41" v:groupContext="shape" v:layerMember="1;0" transform="translate(75.0385,-54.3417)">
			<title>Arrow (Azure Poster Style).354</title>
			<path d="M0 70.86 L196.45 71.09 L203.48 71.1" class="st6"/>
		</g>
	</g>
</svg>