Created: 2023-08-11 | Updated: 2024-05-17

API Gateway

New (v0.2.0)

Table of contents

1. Node Type: api_gw
2. Rendering:
3. Code Snippet:
4. drawio api_gw vertex:
5. Advanced for Geeks:
   1. Style:
   2. Vertex size:
   3. Full XML dump:
   4. drawio file:

---

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="&lt;b&gt;Name&lt;/b&gt;: APIGW integration with DynamoDB&lt;BR&gt;&lt;b&gt;ARN&lt;/b&gt;: esf19s3pag&lt;BR&gt;-----------&lt;BR&gt;&lt;b&gt;api_key_source&lt;/b&gt;: HEADER&lt;BR&gt;&lt;b&gt;endpoint_configuration&lt;/b&gt;: {'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:

Download