Created: 2023-08-11 | Updated: 2024-08-11
API Gateway
New (v0.2.0)
Table of contents
Node Type: api_gw
Rendering:
Code Snippet:
# given
mcd = MultiCloudDiagrams()
# when
api_gw_arn = 'esf19s3pag'
metadata = {
"api_key_source": "HEADER",
"endpoint_configuration": "{'types': ['EDGE']}"
}
mcd.add_vertex(node_id=api_gw_arn, node_name='APIGW integration with DynamoDB', node_type='api_gw', metadata=metadata)
drawio api_gw vertex:
<mxCell id="vertex:api_gw:esf19s3pag" parent="1" vertex="1">
<mxGeometry width="76.5" height="93" as="geometry"/>
</mxCell>
Advanced for Geeks:
Style:
style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;shape=mxgraph.aws3.api_gateway;fillColor=#D9A741;gradientColor=none;"
attribute | value |
---|---|
align | left |
dashed | 0 |
fillColor | #D9A741 |
gradientColor | none |
html | 1 |
outlineConnect | 0 |
shape | mxgraph.aws3.api_gateway |
verticalAlign | top |
verticalLabelPosition | bottom |
Vertex size:
attribute | value |
---|---|
width | 76.5 |
height | 93 |
Full XML dump:
<mxfile host="multicloud-diagrams" agent="PIP package multicloud-diagrams. Generate resources in draw.io compatible format for Cloud infrastructure. Copyrights @ Roman Tsypuk 2023. MIT license." type="MultiCloud">
<diagram id="diagram_1" name="AWS components">
<mxGraphModel dx="1015" dy="661" 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="1">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="vertex:api_gw:esf19s3pag" value="<b>Name</b>: APIGW integration with DynamoDB<BR><b>ARN</b>: esf19s3pag<BR>-----------<BR><b>api_key_source</b>: HEADER<BR><b>endpoint_configuration</b>: {'types': ['EDGE']}" style="outlineConnect=0;dashed=0;verticalLabelPosition=bottom;verticalAlign=top;align=left;html=1;shape=mxgraph.aws3.api_gateway;fillColor=#D9A741;gradientColor=none;" parent="1" vertex="1">
<mxGeometry width="76.5" height="93" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
drawio file:
Download generated api_gw.drawio
: