-
Notifications
You must be signed in to change notification settings - Fork 0
/
S3 Web Hosting.drawio
290 lines (290 loc) · 33.1 KB
/
S3 Web Hosting.drawio
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<mxfile modified="2023-10-27T05:35:16.544Z" host="Electron" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/22.0.3 Chrome/114.0.5735.289 Electron/25.8.4 Safari/537.36" etag="Oc5lzAeQt0ToJuWpLrPV" version="22.0.3" type="device" pages="4">
<diagram id="Ht1M8jgEwFfnCIfOTk4-" name="Conventional Setup">
<mxGraphModel dx="984" dy="633" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="1169" pageHeight="827" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="UEzPUAAOIrF-is8g5C7q-74" value="AWS Region" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;labelBackgroundColor=#ffffff;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;" parent="1" vertex="1">
<mxGeometry x="50" y="80" width="550" height="640" as="geometry" />
</mxCell>
<mxCell id="UEzPUAAOIrF-is8g5C7q-75" value="AWS Cloud" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;labelBackgroundColor=#ffffff;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;" parent="1" vertex="1">
<mxGeometry x="640" y="314" width="270" height="200" as="geometry" />
</mxCell>
<mxCell id="UEzPUAAOIrF-is8g5C7q-78" value="Bucket" style="outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#277116;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.bucket_with_objects;labelBackgroundColor=#ffffff;" parent="UEzPUAAOIrF-is8g5C7q-75" vertex="1">
<mxGeometry x="97.5" y="40" width="75" height="78" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-3" value="VPC" style="sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_vpc;strokeColor=#879196;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#879196;dashed=0;" parent="1" vertex="1">
<mxGeometry x="160" y="160" width="320" height="480" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-4" value="Availability zone" style="sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_availability_zone;strokeColor=#545B64;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#545B64;dashed=1;" parent="1" vertex="1">
<mxGeometry x="120" y="120" width="400" height="560" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-7" value="Public subnet" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_security_group;grStroke=0;strokeColor=#248814;fillColor=#E9F3E6;verticalAlign=top;align=left;spacingLeft=30;fontColor=#248814;dashed=0;" parent="1" vertex="1">
<mxGeometry x="240" y="440" width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-10" value="NAT Gateway" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.vpc_nat_gateway;fillColor=#F58534;gradientColor=none;" parent="LlYa4p_VpXbQv654Gmb0-7" vertex="1">
<mxGeometry x="60" y="60" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-11" value="" style="group" parent="1" vertex="1" connectable="0">
<mxGeometry x="240" y="200" width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-5" value="Private subnet" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_security_group;grStroke=0;strokeColor=#147EBA;fillColor=#E6F2F8;verticalAlign=top;align=left;spacingLeft=30;fontColor=#147EBA;dashed=0;" parent="LlYa4p_VpXbQv654Gmb0-11" vertex="1">
<mxGeometry width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-8" value="EC2" style="sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.ec2;" parent="LlYa4p_VpXbQv654Gmb0-11" vertex="1">
<mxGeometry x="60" y="60" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-16" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;entryX=0;entryY=0.5;entryDx=0;entryDy=0;strokeColor=#004C99;curved=1;strokeWidth=2;" parent="1" source="LlYa4p_VpXbQv654Gmb0-12" target="LlYa4p_VpXbQv654Gmb0-13" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-12" value="Internet Gateway" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.internet_gateway;rotation=0;labelPosition=center;" parent="1" vertex="1">
<mxGeometry x="480" y="402" width="38" height="38" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-17" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;strokeWidth=2;strokeColor=#004C99;" parent="1" source="LlYa4p_VpXbQv654Gmb0-13" target="UEzPUAAOIrF-is8g5C7q-78" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-13" value="Public Internet" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;spacingTop=3;image=img/lib/active_directory/internet_globe.svg;" parent="1" vertex="1">
<mxGeometry x="690" y="160" width="70" height="70" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-14" style="edgeStyle=entityRelationEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;strokeWidth=2;strokeColor=#004C99;" parent="1" source="LlYa4p_VpXbQv654Gmb0-8" target="LlYa4p_VpXbQv654Gmb0-10" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="260" y="390" />
<mxPoint x="200" y="410" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-15" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;strokeWidth=2;strokeColor=#004C99;" parent="1" source="LlYa4p_VpXbQv654Gmb0-10" target="LlYa4p_VpXbQv654Gmb0-12" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="LlYa4p_VpXbQv654Gmb0-18" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="UEzPUAAOIrF-is8g5C7q-75" target="UEzPUAAOIrF-is8g5C7q-75" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
<diagram id="RDqB_l-h639-456RXplf" name="Access with VPC Endpoint">
<mxGraphModel dx="1434" dy="795" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-5" value="Availability zone" style="sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_availability_zone;strokeColor=#545B64;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#545B64;dashed=1;" parent="1" vertex="1">
<mxGeometry x="120" y="120" width="400" height="320" as="geometry" />
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-1" value="AWS Region" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;labelBackgroundColor=#ffffff;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;" parent="1" vertex="1">
<mxGeometry x="50" y="80" width="550" height="400" as="geometry" />
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-2" value="AWS Cloud" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;labelBackgroundColor=#ffffff;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;" parent="1" vertex="1">
<mxGeometry x="30" y="40" width="750" height="480" as="geometry" />
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-3" value="Bucket" style="outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#277116;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.bucket_with_objects;labelBackgroundColor=#ffffff;" parent="Q6O-7k9s0HdWeL3PD9AF-2" vertex="1">
<mxGeometry x="630" y="201" width="75" height="78" as="geometry" />
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-4" value="VPC" style="sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_vpc;strokeColor=#879196;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#879196;dashed=0;" parent="1" vertex="1">
<mxGeometry x="160" y="160" width="320" height="240" as="geometry" />
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-8" value="" style="group" parent="1" vertex="1" connectable="0">
<mxGeometry x="240" y="200" width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-9" value="Private subnet" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_security_group;grStroke=0;strokeColor=#147EBA;fillColor=#E6F2F8;verticalAlign=top;align=left;spacingLeft=30;fontColor=#147EBA;dashed=0;" parent="Q6O-7k9s0HdWeL3PD9AF-8" vertex="1">
<mxGeometry width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-10" value="EC2" style="sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.ec2;" parent="Q6O-7k9s0HdWeL3PD9AF-8" vertex="1">
<mxGeometry x="60" y="60" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-15" style="edgeStyle=entityRelationEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;strokeWidth=2;strokeColor=#004C99;" parent="1" source="Q6O-7k9s0HdWeL3PD9AF-10" target="SauEmOjYdnrfZaR1HzYY-1" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="260" y="390" />
<mxPoint x="200" y="410" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-16" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;strokeWidth=2;strokeColor=#004C99;" parent="1" source="SauEmOjYdnrfZaR1HzYY-1" target="Q6O-7k9s0HdWeL3PD9AF-3" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="499" y="439.9995672967432" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="Q6O-7k9s0HdWeL3PD9AF-17" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" source="Q6O-7k9s0HdWeL3PD9AF-2" target="Q6O-7k9s0HdWeL3PD9AF-2" edge="1">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="SauEmOjYdnrfZaR1HzYY-1" value="VPC Endpoint" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.endpoints;" parent="1" vertex="1">
<mxGeometry x="480" y="280" width="40" height="40" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
<diagram id="GQJT8E6SgXTD_wBZukaT" name="Lab">
<mxGraphModel dx="984" dy="633" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="EtKaog4fnf5UFyUwruT2-1" value="AWS Region" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;labelBackgroundColor=#ffffff;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;" parent="1" vertex="1">
<mxGeometry x="50" y="80" width="540" height="640" as="geometry" />
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-4" value="VPC" style="sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_vpc;strokeColor=#879196;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#879196;dashed=0;" parent="1" vertex="1">
<mxGeometry x="160" y="160" width="320" height="480" as="geometry" />
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-5" value="Availability zone" style="sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_availability_zone;strokeColor=#545B64;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#545B64;dashed=1;" parent="1" vertex="1">
<mxGeometry x="120" y="120" width="400" height="560" as="geometry" />
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-6" value="Public subnet" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_security_group;grStroke=0;strokeColor=#248814;fillColor=#E9F3E6;verticalAlign=top;align=left;spacingLeft=30;fontColor=#248814;dashed=0;" parent="1" vertex="1">
<mxGeometry x="240" y="440" width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="CDjMb9igMYXbnRyU23---4" value="EC2" style="sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.ec2;" parent="EtKaog4fnf5UFyUwruT2-6" vertex="1">
<mxGeometry x="60" y="60" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-8" value="" style="group" parent="1" vertex="1" connectable="0">
<mxGeometry x="240" y="200" width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-9" value="Private subnet" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_security_group;grStroke=0;strokeColor=#147EBA;fillColor=#E6F2F8;verticalAlign=top;align=left;spacingLeft=30;fontColor=#147EBA;dashed=0;" parent="EtKaog4fnf5UFyUwruT2-8" vertex="1">
<mxGeometry width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-10" value="EC2" style="sketch=0;points=[[0,0,0],[0.25,0,0],[0.5,0,0],[0.75,0,0],[1,0,0],[0,1,0],[0.25,1,0],[0.5,1,0],[0.75,1,0],[1,1,0],[0,0.25,0],[0,0.5,0],[0,0.75,0],[1,0.25,0],[1,0.5,0],[1,0.75,0]];outlineConnect=0;fontColor=#232F3E;fillColor=#ED7100;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.ec2;" parent="EtKaog4fnf5UFyUwruT2-8" vertex="1">
<mxGeometry x="60" y="60" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-11" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#004C99;curved=1;strokeWidth=2;" parent="1" source="LdVSr6vBXHGTCY0KYDsi-1" target="EtKaog4fnf5UFyUwruT2-3" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="518" y="421" as="sourcePoint" />
</mxGeometry>
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-13" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;strokeWidth=2;strokeColor=#004C99;entryX=0.5;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" source="EtKaog4fnf5UFyUwruT2-14" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="320" y="540" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-14" value="Public Internet" style="image;aspect=fixed;perimeter=ellipsePerimeter;html=1;align=center;shadow=0;dashed=0;spacingTop=3;image=img/lib/active_directory/internet_globe.svg;" parent="1" vertex="1">
<mxGeometry x="750" y="570" width="70" height="70" as="geometry" />
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-15" style="edgeStyle=entityRelationEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;strokeWidth=2;strokeColor=#004C99;" parent="1" source="EtKaog4fnf5UFyUwruT2-10" target="LdVSr6vBXHGTCY0KYDsi-1" edge="1">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="260" y="390" />
<mxPoint x="200" y="410" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-16" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;strokeWidth=2;strokeColor=#004C99;entryX=0.5;entryY=1;entryDx=0;entryDy=0;entryPerimeter=0;" parent="1" target="EtKaog4fnf5UFyUwruT2-10" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="320" y="500" as="sourcePoint" />
<mxPoint x="499" y="439.9995672967432" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-17" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" parent="1" edge="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="775" y="514" as="sourcePoint" />
<mxPoint x="775" y="514" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="LdVSr6vBXHGTCY0KYDsi-1" value="VPC Endpoint" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.endpoints;" parent="1" vertex="1">
<mxGeometry x="480" y="280" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="iquFCfw-wHA9E4XCliuW-1" value="AWS Cloud" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;labelBackgroundColor=#ffffff;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;" parent="1" vertex="1">
<mxGeometry x="30" y="40" width="700" height="720" as="geometry" />
</mxCell>
<mxCell id="EtKaog4fnf5UFyUwruT2-3" value="Bucket" style="outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#277116;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.bucket_with_objects;labelBackgroundColor=#ffffff;" parent="iquFCfw-wHA9E4XCliuW-1" vertex="1">
<mxGeometry x="590" y="310" width="75" height="78" as="geometry" />
</mxCell>
</root>
</mxGraphModel>
</diagram>
<diagram id="wWcFzd1U7p1gPVQ_8-Sf" name="Internal Setup">
<mxGraphModel dx="984" dy="633" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="827" pageHeight="1169" math="0" shadow="0">
<root>
<mxCell id="0" />
<mxCell id="1" parent="0" />
<mxCell id="xlea2ciogh7RFDLq1gLe-3" value="Availability zone" style="sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_availability_zone;strokeColor=#545B64;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#545B64;dashed=1;" vertex="1" parent="1">
<mxGeometry x="310" y="120" width="340" height="560" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-1" value="AWS Region" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;labelBackgroundColor=#ffffff;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;" vertex="1" parent="1">
<mxGeometry x="270" y="80" width="420" height="640" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-2" value="VPC" style="sketch=0;outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_vpc;strokeColor=#879196;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#879196;dashed=0;" vertex="1" parent="1">
<mxGeometry x="350" y="160" width="260" height="480" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-6" value="" style="group;labelBackgroundColor=none;" vertex="1" connectable="0" parent="1">
<mxGeometry x="400" y="200" width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-7" value="AWS Cloud Private subnet" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_security_group;grStroke=0;strokeColor=#147EBA;fillColor=#E6F2F8;verticalAlign=top;align=left;spacingLeft=30;fontColor=#147EBA;dashed=0;" vertex="1" parent="xlea2ciogh7RFDLq1gLe-6">
<mxGeometry width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-14" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;" edge="1" parent="1">
<mxGeometry relative="1" as="geometry">
<mxPoint x="775" y="514" as="sourcePoint" />
<mxPoint x="775" y="514" as="targetPoint" />
</mxGeometry>
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-16" value="AWS Cloud" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud_alt;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;labelBackgroundColor=#ffffff;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;" vertex="1" parent="1">
<mxGeometry x="230" y="40" width="590" height="720" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-38" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;strokeWidth=2;strokeColor=#4C0099;" edge="1" parent="xlea2ciogh7RFDLq1gLe-16" source="xlea2ciogh7RFDLq1gLe-17" target="xlea2ciogh7RFDLq1gLe-15">
<mxGeometry relative="1" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-17" value="Bucket" style="outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#277116;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.bucket_with_objects;labelBackgroundColor=#ffffff;" vertex="1" parent="xlea2ciogh7RFDLq1gLe-16">
<mxGeometry x="490" y="300" width="75" height="78" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-19" value="Services Private subnet" style="points=[[0,0],[0.25,0],[0.5,0],[0.75,0],[1,0],[1,0.25],[1,0.5],[1,0.75],[1,1],[0.75,1],[0.5,1],[0.25,1],[0,1],[0,0.75],[0,0.5],[0,0.25]];outlineConnect=0;gradientColor=none;html=1;whiteSpace=wrap;fontSize=12;fontStyle=0;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_security_group;grStroke=0;strokeColor=#147EBA;fillColor=#E6F2F8;verticalAlign=top;align=left;spacingLeft=30;fontColor=#147EBA;dashed=0;" vertex="1" parent="xlea2ciogh7RFDLq1gLe-16">
<mxGeometry x="170" y="398" width="160" height="160" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-21" value="Backend API" style="sketch=0;html=1;dashed=0;whitespace=wrap;fillColor=#2875E2;strokeColor=#ffffff;points=[[0.005,0.63,0],[0.1,0.2,0],[0.9,0.2,0],[0.5,0,0],[0.995,0.63,0],[0.72,0.99,0],[0.5,1,0],[0.28,0.99,0]];verticalLabelPosition=bottom;align=center;verticalAlign=top;shape=mxgraph.kubernetes.icon;prIcon=api" vertex="1" parent="xlea2ciogh7RFDLq1gLe-19">
<mxGeometry x="55" y="56" width="50" height="48" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-15" value="VPC Endpoint" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#8C4FFF;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.endpoints;" vertex="1" parent="xlea2ciogh7RFDLq1gLe-16">
<mxGeometry x="380" y="239" width="40" height="40" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-9" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;strokeColor=#004C99;curved=1;strokeWidth=2;" edge="1" parent="xlea2ciogh7RFDLq1gLe-16" source="xlea2ciogh7RFDLq1gLe-15" target="xlea2ciogh7RFDLq1gLe-17">
<mxGeometry relative="1" as="geometry">
<mxPoint x="488" y="381" as="sourcePoint" />
</mxGeometry>
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-32" value="User" style="verticalLabelPosition=bottom;html=1;verticalAlign=top;align=center;strokeColor=none;fillColor=#00BEF2;shape=mxgraph.azure.user;" vertex="1" parent="1">
<mxGeometry x="150" y="360" width="47.5" height="50" as="geometry" />
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-36" value="API request" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.005;entryY=0.63;entryDx=0;entryDy=0;entryPerimeter=0;curved=1;strokeWidth=2;strokeColor=#4C0099;labelBackgroundColor=default;exitX=0.779;exitY=1.02;exitDx=0;exitDy=0;exitPerimeter=0;" edge="1" parent="1" source="xlea2ciogh7RFDLq1gLe-32" target="xlea2ciogh7RFDLq1gLe-21">
<mxGeometry x="0.0014" relative="1" as="geometry">
<mxPoint x="200" y="400" as="sourcePoint" />
<Array as="points">
<mxPoint x="280" y="411" />
<mxPoint x="280" y="460" />
<mxPoint x="379" y="460" />
<mxPoint x="379" y="524" />
</Array>
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-37" value="API response" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.87;entryY=0.65;entryDx=0;entryDy=0;entryPerimeter=0;strokeWidth=2;strokeColor=#4C0099;curved=1;" edge="1" parent="1" source="xlea2ciogh7RFDLq1gLe-21" target="xlea2ciogh7RFDLq1gLe-32">
<mxGeometry relative="1" as="geometry">
<Array as="points">
<mxPoint x="480" y="408" />
</Array>
</mxGeometry>
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-12" value="HTTP to fetch static JS files" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;strokeWidth=2;strokeColor=#004C99;labelBackgroundColor=none;curved=1;" edge="1" parent="1" target="xlea2ciogh7RFDLq1gLe-15">
<mxGeometry x="0.2306" y="20" relative="1" as="geometry">
<Array as="points">
<mxPoint x="190" y="360" />
<mxPoint x="330" y="360" />
<mxPoint x="330" y="270" />
<mxPoint x="580" y="270" />
<mxPoint x="580" y="260" />
<mxPoint x="630" y="260" />
</Array>
<mxPoint x="190" y="370" as="sourcePoint" />
<mxPoint x="820" y="270" as="targetPoint" />
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
<mxCell id="xlea2ciogh7RFDLq1gLe-39" value="HTTP response with static JS files" style="edgeStyle=orthogonalEdgeStyle;orthogonalLoop=1;jettySize=auto;html=1;curved=1;entryX=0.84;entryY=0.28;entryDx=0;entryDy=0;entryPerimeter=0;strokeWidth=2;strokeColor=#4C0099;labelBackgroundColor=none;" edge="1" parent="1" source="xlea2ciogh7RFDLq1gLe-15" target="xlea2ciogh7RFDLq1gLe-32">
<mxGeometry x="-0.4345" y="31" relative="1" as="geometry">
<mxPoint x="300" y="400" as="targetPoint" />
<Array as="points">
<mxPoint x="380" y="299" />
<mxPoint x="380" y="374" />
</Array>
<mxPoint as="offset" />
</mxGeometry>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>