|
| 1 | +<mxfile host="Electron" agent="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/29.0.3 Chrome/140.0.7339.249 Electron/38.7.0 Safari/537.36" version="29.0.3"> |
| 2 | + <diagram name="Architecture" id="arch"> |
| 3 | + <mxGraphModel dx="1018" dy="1149" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="0" pageScale="1" pageWidth="1100" pageHeight="800" math="0" shadow="0"> |
| 4 | + <root> |
| 5 | + <mxCell id="0" /> |
| 6 | + <mxCell id="1" parent="0" /> |
| 7 | + <mxCell id="g1" value="Webapp" style="rounded=1;whiteSpace=wrap;fillColor=#E8F5E9;strokeColor=#388E3C;fontSize=16;fontStyle=1;verticalAlign=top;spacingTop=8;arcSize=8;" parent="1" vertex="1"> |
| 8 | + <mxGeometry x="160" y="-30" width="420" height="310" as="geometry" /> |
| 9 | + </mxCell> |
| 10 | + <mxCell id="g2" value="Authentication" style="rounded=1;whiteSpace=wrap;fillColor=#FFF3E0;strokeColor=#F57C00;fontSize=16;fontStyle=1;verticalAlign=top;spacingTop=8;arcSize=8;" parent="1" vertex="1"> |
| 11 | + <mxGeometry x="590" y="-30" width="200" height="150" as="geometry" /> |
| 12 | + </mxCell> |
| 13 | + <mxCell id="g3" value="Database" style="rounded=1;whiteSpace=wrap;fillColor=#FFF8E1;strokeColor=#FBC02D;fontSize=16;fontStyle=1;verticalAlign=top;spacingTop=8;arcSize=8;" parent="1" vertex="1"> |
| 14 | + <mxGeometry x="590" y="130" width="200" height="150" as="geometry" /> |
| 15 | + </mxCell> |
| 16 | + <mxCell id="g4" value="Asynchronous Job" style="rounded=1;whiteSpace=wrap;fillColor=#FCE4EC;strokeColor=#E91E63;fontSize=16;fontStyle=1;verticalAlign=top;spacingTop=8;arcSize=8;" parent="1" vertex="1"> |
| 17 | + <mxGeometry x="160" y="290" width="420" height="160" as="geometry" /> |
| 18 | + </mxCell> |
| 19 | + <mxCell id="g5" value="Scheduled Job" style="rounded=1;whiteSpace=wrap;fillColor=#F3E5F5;strokeColor=#9C27B0;fontSize=16;fontStyle=1;verticalAlign=top;spacingTop=8;arcSize=8;" parent="1" vertex="1"> |
| 20 | + <mxGeometry x="590" y="290" width="200" height="160" as="geometry" /> |
| 21 | + </mxCell> |
| 22 | + <mxCell id="e1" value="Send Requests" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;jettySize=auto;fontSize=13;labelBackgroundColor=default;spacing=2;" parent="1" source="users" target="cf" edge="1"> |
| 23 | + <mxGeometry relative="1" as="geometry" /> |
| 24 | + </mxCell> |
| 25 | + <mxCell id="e2" value="Lambda Function URL" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;fontSize=13;verticalAlign=bottom;labelBackgroundColor=none;spacing=2;" parent="1" source="cf" target="nextjs" edge="1"> |
| 26 | + <mxGeometry relative="1" as="geometry" /> |
| 27 | + </mxCell> |
| 28 | + <mxCell id="e5" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;exitX=1;exitY=0.5;entryX=0;entryY=0.5;" parent="1" source="nextjs" target="dsql" edge="1"> |
| 29 | + <mxGeometry relative="1" as="geometry" /> |
| 30 | + </mxCell> |
| 31 | + <mxCell id="e6" value="" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;dashed=1;exitX=0.5;exitY=1;entryX=0.5;entryY=0;fontSize=13;labelBackgroundColor=default;spacing=2;" parent="1" source="nextjs" target="jobhandler" edge="1"> |
| 32 | + <mxGeometry relative="1" as="geometry" /> |
| 33 | + </mxCell> |
| 34 | + <mxCell id="e7" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;exitX=0;exitY=0.5;entryX=1;entryY=0.5;" parent="1" source="jobhandler" target="appsync" edge="1"> |
| 35 | + <mxGeometry relative="1" as="geometry" /> |
| 36 | + </mxCell> |
| 37 | + <mxCell id="e8" value="Real-time
Notification" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;dashed=1;exitX=0;exitY=0.5;fontSize=13;labelBackgroundColor=default;spacing=2;" parent="1" source="appsync" target="users" edge="1"> |
| 38 | + <mxGeometry relative="1" as="geometry"> |
| 39 | + <mxPoint x="50" y="260" as="targetPoint" /> |
| 40 | + </mxGeometry> |
| 41 | + </mxCell> |
| 42 | + <mxCell id="e9" style="edgeStyle=orthogonalEdgeStyle;rounded=0;orthogonalLoop=1;dashed=1;exitX=0;exitY=0.5;entryX=1;entryY=0.5;" parent="1" source="eb" target="jobhandler" edge="1"> |
| 43 | + <mxGeometry relative="1" as="geometry" /> |
| 44 | + </mxCell> |
| 45 | + <mxCell id="users" value="Users" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=13;fontStyle=1;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.users;fillColor=#232F3D;" parent="1" vertex="1"> |
| 46 | + <mxGeometry x="50" y="170" width="60" height="60" as="geometry" /> |
| 47 | + </mxCell> |
| 48 | + <mxCell id="YBvlDhobisiv5zPTTUV7-2" style="rounded=0;orthogonalLoop=1;jettySize=auto;html=1;entryX=0.308;entryY=1.025;entryDx=0;entryDy=0;entryPerimeter=0;edgeStyle=orthogonalEdgeStyle;" edge="1" parent="1" source="cf" target="gEdge"> |
| 49 | + <mxGeometry relative="1" as="geometry" /> |
| 50 | + </mxCell> |
| 51 | + <mxCell id="cf" value="CloudFront" 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;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=14;fontStyle=1;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.cloudfront;fillColor=#8C4FFF;" parent="1" vertex="1"> |
| 52 | + <mxGeometry x="230" y="170" width="60" height="60" as="geometry" /> |
| 53 | + </mxCell> |
| 54 | + <mxCell id="nextjs" value="Next.js
Lambda Web Adapter" 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;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=14;fontStyle=1;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.lambda;fillColor=#ED7100;" parent="1" vertex="1"> |
| 55 | + <mxGeometry x="450" y="170" width="60" height="60" as="geometry" /> |
| 56 | + </mxCell> |
| 57 | + <mxCell id="cognito" value="<span>Cognito</span><br>User Pool" 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;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=14;fontStyle=1;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.cognito;fillColor=#DD344C;" parent="1" vertex="1"> |
| 58 | + <mxGeometry x="660" y="10" width="60" height="60" as="geometry" /> |
| 59 | + </mxCell> |
| 60 | + <mxCell id="dsql" value="Aurora DSQL" 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;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=14;fontStyle=1;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.aurora;fillColor=#C925D1;" parent="1" vertex="1"> |
| 61 | + <mxGeometry x="660" y="170" width="60" height="60" as="geometry" /> |
| 62 | + </mxCell> |
| 63 | + <mxCell id="appsync" value="AppSync Events" 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;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=14;fontStyle=1;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.appsync;fillColor=#E7157B;" parent="1" vertex="1"> |
| 64 | + <mxGeometry x="230" y="330" width="60" height="60" as="geometry" /> |
| 65 | + </mxCell> |
| 66 | + <mxCell id="jobhandler" value="Job Handler" 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;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=14;fontStyle=1;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.lambda;fillColor=#ED7100;" parent="1" vertex="1"> |
| 67 | + <mxGeometry x="450" y="330" width="60" height="60" as="geometry" /> |
| 68 | + </mxCell> |
| 69 | + <mxCell id="eb" value="EventBridge
Scheduler" 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;strokeColor=#ffffff;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=14;fontStyle=1;aspect=fixed;shape=mxgraph.aws4.resourceIcon;resIcon=mxgraph.aws4.eventbridge;fillColor=#E7157B;" parent="1" vertex="1"> |
| 70 | + <mxGeometry x="660" y="330" width="60" height="60" as="geometry" /> |
| 71 | + </mxCell> |
| 72 | + <mxCell id="YBvlDhobisiv5zPTTUV7-1" value="" style="group" vertex="1" connectable="0" parent="1"> |
| 73 | + <mxGeometry x="184" y="30" width="250" height="80" as="geometry" /> |
| 74 | + </mxCell> |
| 75 | + <mxCell id="gEdge" value="" style="rounded=1;whiteSpace=wrap;fillColor=none;strokeColor=#ED7100;fontSize=10;arcSize=12;" vertex="1" parent="YBvlDhobisiv5zPTTUV7-1"> |
| 76 | + <mxGeometry x="-1" width="250" height="80" as="geometry" /> |
| 77 | + </mxCell> |
| 78 | + <mxCell id="edge" value="<b>Lambda@Edge<br></b>&nbsp; SigV4 Request Signer" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=none;dashed=0;verticalLabelPosition=middle;labelPosition=right;verticalAlign=middle;align=left;html=1;fontSize=14;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.lambda;fillColor=#ED7100;spacing=6;" parent="YBvlDhobisiv5zPTTUV7-1" vertex="1"> |
| 79 | + <mxGeometry x="10" y="7" width="28" height="28" as="geometry" /> |
| 80 | + </mxCell> |
| 81 | + <mxCell id="cff" value="<b>CloudFront Functions<br></b>&nbsp; Next.js Cache Header Editor" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=none;dashed=0;verticalLabelPosition=middle;labelPosition=right;verticalAlign=middle;align=left;html=1;fontSize=14;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.lambda;fillColor=#ED7100;spacing=6;" vertex="1" parent="YBvlDhobisiv5zPTTUV7-1"> |
| 82 | + <mxGeometry x="10" y="45" width="28" height="28" as="geometry" /> |
| 83 | + </mxCell> |
| 84 | + </root> |
| 85 | + </mxGraphModel> |
| 86 | + </diagram> |
| 87 | +</mxfile> |
0 commit comments