3-tier-arch-serverless / images / architecture-diagram / 3-tier-serverless.drawio
3-tier-serverless.drawio
Raw 
<mxfile host="Electron" modified="2023-09-21T08:09:48.263Z" agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) draw.io/21.7.5 Chrome/114.0.5735.289 Electron/25.8.1 Safari/537.36" etag="ZaQLVTcLUyzgLIF99pKX" version="21.7.5" type="device">
  <diagram name="Page-1" id="O8m57VeLNX8UX6uWxehT">
    <mxGraphModel dx="864" dy="1616" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" math="0" shadow="0">
      <root>
        <mxCell id="0" />
        <mxCell id="1" parent="0" />
        <mxCell id="1opJz9TZiRmLmcjWFQFR-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;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_aws_cloud;strokeColor=#232F3E;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#232F3E;dashed=0;" vertex="1" parent="1">
          <mxGeometry x="160" y="-200" width="690" height="500" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-4" value="Amazon Route 53" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.route_53;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-1">
          <mxGeometry x="10" y="230" width="40" height="30" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-5" value="" 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=#8C4FFF;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.cloudfront;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-1">
          <mxGeometry x="110" y="230" width="40" height="40" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-6" value="" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.certificate_manager_2;fillColor=#759C3E;gradientColor=none;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-1">
          <mxGeometry x="96.5" y="100" width="43.5" height="50" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-21" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.sharpArrow;dy1=0.67;dx1=18;dx2=18;notch=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-1">
          <mxGeometry x="60" y="240" width="50" height="20" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-22" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;direction=north;notch=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-1">
          <mxGeometry x="110" y="160" width="20" height="60" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-28" value="Route 53&lt;br&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-1">
          <mxGeometry y="280" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-29" value="CloudFront&lt;br&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-1">
          <mxGeometry x="96.5" y="280" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-30" value="Certificate&lt;br&gt;Manager" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-1">
          <mxGeometry x="10" y="110" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-2" value="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;container=1;pointerEvents=0;collapsible=0;recursiveResize=0;shape=mxgraph.aws4.group;grIcon=mxgraph.aws4.group_region;strokeColor=#147EBA;fillColor=none;verticalAlign=top;align=left;spacingLeft=30;fontColor=#147EBA;dashed=1;" vertex="1" parent="1">
          <mxGeometry x="320" y="-160" width="520" height="400" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-9" value="" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;shape=mxgraph.aws3.api_gateway;fillColor=#D9A741;gradientColor=none;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="180" y="172" width="66.5" height="76.5" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-10" value="" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;fillColor=#ED7100;strokeColor=none;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;pointerEvents=1;shape=mxgraph.aws4.lambda_function;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="320" y="178.63" width="63.25" height="63.25" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-11" value="Amazon DynamoDB" style="sketch=0;outlineConnect=0;fontColor=#232F3E;gradientColor=none;strokeColor=#ffffff;fillColor=#232F3E;dashed=0;verticalLabelPosition=middle;verticalAlign=bottom;align=center;html=1;whiteSpace=wrap;fontSize=10;fontStyle=1;spacing=3;shape=mxgraph.aws4.productIcon;prIcon=mxgraph.aws4.dynamodb;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="430" y="155.25" width="80" height="110" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-8" value="" 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=#7AA116;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.s3;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="50" y="172" width="78" height="78" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-23" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.67;dx=20;notch=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry y="205.25" width="50" height="14" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-24" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.67;dx=20;notch=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="130" y="205.25" width="50" height="14.75" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-25" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.67;dx=20;notch=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="260" y="207.25" width="50" height="10.75" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-27" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.67;dx=20;notch=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="383.25" y="208.5" width="50" height="10.75" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-31" value="S3 Bucket" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="59" y="265.25" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-32" value="API Gateway" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="180" y="260" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-33" value="Lambda" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;" vertex="1" parent="1opJz9TZiRmLmcjWFQFR-2">
          <mxGeometry x="320" y="260" width="60" height="30" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-3" value="devices" style="sketch=0;outlineConnect=0;gradientColor=none;fontColor=#545B64;strokeColor=none;fillColor=#879196;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=center;html=1;fontSize=12;fontStyle=0;aspect=fixed;shape=mxgraph.aws4.illustration_devices;pointerEvents=1" vertex="1" parent="1">
          <mxGeometry width="68.49" height="50" as="geometry" />
        </mxCell>
        <mxCell id="1opJz9TZiRmLmcjWFQFR-18" value="" style="html=1;shadow=0;dashed=0;align=center;verticalAlign=middle;shape=mxgraph.arrows2.arrow;dy=0.6;dx=40;notch=0;" vertex="1" parent="1">
          <mxGeometry x="80" y="30" width="70" height="20" as="geometry" />
        </mxCell>
      </root>
    </mxGraphModel>
  </diagram>
</mxfile>
Powered by GitFront