Skip to content

Commit 748279e

Browse files
david-cermakdavid-cermak
authored
feat(blog): Add blog-post on esp-wifi-remote (#546)
1 parent fbfeac5 commit 748279e

File tree

14 files changed

+583
-0
lines changed

14 files changed

+583
-0
lines changed

‎content/blog/2025/09/esp-wifi-remote/featured.webp‎

44.1 KB
Loading

‎content/blog/2025/09/esp-wifi-remote/img/at.drawio‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
<mxfile host="65bd71144e">
2+
<diagram id="7W33uEh9ZzW-GppHaLwA" name="Page-1">
3+
<mxGraphModel dx="596" dy="699" 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">
4+
<root>
5+
<mxCell id="0"/>
6+
<mxCell id="1" parent="0"/>
7+
<mxCell id="2" value="&amp;nbsp;Host device" style="rounded=0;whiteSpace=wrap;html=1;align=left;verticalAlign=top;fillColor=#CCCCFF;fontColor=#000000;" parent="1" vertex="1">
8+
<mxGeometry x="60" y="220" width="350" height="200" as="geometry"/>
9+
</mxCell>
10+
<mxCell id="8" value="wrmt-over-at" style="rounded=0;whiteSpace=wrap;html=1;align=center;verticalAlign=top;fillColor=#9999FF;fontColor=#000000;" parent="1" vertex="1">
11+
<mxGeometry x="250" y="260" width="140" height="130" as="geometry"/>
12+
</mxCell>
13+
<mxCell id="3" value="Application" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
14+
<mxGeometry x="80" y="260" width="120" height="50" as="geometry"/>
15+
</mxCell>
16+
<mxCell id="4" value="TCP/IP" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
17+
<mxGeometry x="80" y="340" width="120" height="50" as="geometry"/>
18+
</mxCell>
19+
<mxCell id="6" value="plain text" style="shape=flexArrow;endArrow=classic;startArrow=classic;html=1;fillColor=#FFFF33;fontSize=14;" parent="1" edge="1">
20+
<mxGeometry width="100" height="100" relative="1" as="geometry">
21+
<mxPoint x="410" y="320" as="sourcePoint"/>
22+
<mxPoint x="550" y="320" as="targetPoint"/>
23+
<mxPoint as="offset"/>
24+
</mxGeometry>
25+
</mxCell>
26+
<mxCell id="19" value="AT commands" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
27+
<mxGeometry x="265" y="310" width="110" height="30" as="geometry"/>
28+
</mxCell>
29+
<mxCell id="20" value="" style="curved=1;endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="3" target="19" edge="1">
30+
<mxGeometry width="50" height="50" relative="1" as="geometry">
31+
<mxPoint x="210" y="375" as="sourcePoint"/>
32+
<mxPoint x="275" y="365" as="targetPoint"/>
33+
<Array as="points"/>
34+
</mxGeometry>
35+
</mxCell>
36+
<mxCell id="16" value="esp-wifi-remote" style="rounded=0;whiteSpace=wrap;html=1;horizontal=0;fillColor=#FFFFCC;fontColor=#000000;" parent="1" vertex="1">
37+
<mxGeometry x="220" y="260" width="30" height="130" as="geometry"/>
38+
</mxCell>
39+
<mxCell id="21" value="&amp;nbsp;Slave device" style="rounded=0;whiteSpace=wrap;html=1;align=left;verticalAlign=top;fontColor=#000000;fillColor=#CCCCFF;" parent="1" vertex="1">
40+
<mxGeometry x="550" y="220" width="290" height="200" as="geometry"/>
41+
</mxCell>
42+
<mxCell id="22" value="ESP-AT" style="rounded=0;whiteSpace=wrap;html=1;align=center;verticalAlign=top;fontColor=#000000;fillColor=#9999FF;" parent="1" vertex="1">
43+
<mxGeometry x="570" y="250" width="140" height="130" as="geometry"/>
44+
</mxCell>
45+
<mxCell id="23" value="AT command&lt;br&gt;handlers" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
46+
<mxGeometry x="585" y="280" width="110" height="60" as="geometry"/>
47+
</mxCell>
48+
<mxCell id="26" value="WiFi" style="rounded=0;whiteSpace=wrap;html=1;fillColor=#FF99CC;fontColor=#000000;" parent="1" vertex="1">
49+
<mxGeometry x="740" y="270" width="90" height="40" as="geometry"/>
50+
</mxCell>
51+
<mxCell id="27" value="TCP/IP" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
52+
<mxGeometry x="740" y="310" width="90" height="40" as="geometry"/>
53+
</mxCell>
54+
<mxCell id="28" value="" style="endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="23" target="27" edge="1">
55+
<mxGeometry width="50" height="50" relative="1" as="geometry">
56+
<mxPoint x="695" y="345" as="sourcePoint"/>
57+
<mxPoint x="730" y="345" as="targetPoint"/>
58+
</mxGeometry>
59+
</mxCell>
60+
<mxCell id="29" value="" style="endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="23" target="26" edge="1">
61+
<mxGeometry width="50" height="50" relative="1" as="geometry">
62+
<mxPoint x="700" y="294.5" as="sourcePoint"/>
63+
<mxPoint x="745" y="294.5" as="targetPoint"/>
64+
</mxGeometry>
65+
</mxCell>
66+
<mxCell id="31" value="Other components" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
67+
<mxGeometry x="740" y="350" width="90" height="40" as="geometry"/>
68+
</mxCell>
69+
<mxCell id="32" value="" style="endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;dashed=1;" parent="1" source="23" target="31" edge="1">
70+
<mxGeometry width="50" height="50" relative="1" as="geometry">
71+
<mxPoint x="705" y="320" as="sourcePoint"/>
72+
<mxPoint x="750" y="340" as="targetPoint"/>
73+
</mxGeometry>
74+
</mxCell>
75+
</root>
76+
</mxGraphModel>
77+
</diagram>
78+
</mxfile>

‎content/blog/2025/09/esp-wifi-remote/img/at.webp‎

7.92 KB
Loading

‎content/blog/2025/09/esp-wifi-remote/img/eppp.drawio‎

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
<mxfile host="65bd71144e">
2+
<diagram id="7W33uEh9ZzW-GppHaLwA" name="Page-1">
3+
<mxGraphModel dx="596" dy="699" 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">
4+
<root>
5+
<mxCell id="0"/>
6+
<mxCell id="1" parent="0"/>
7+
<mxCell id="2" value="&amp;nbsp;Host device" style="rounded=0;whiteSpace=wrap;html=1;align=left;verticalAlign=top;fillColor=#CCCCFF;fontColor=#000000;" parent="1" vertex="1">
8+
<mxGeometry x="60" y="220" width="350" height="200" as="geometry"/>
9+
</mxCell>
10+
<mxCell id="8" value="wrmt-over-eppp" style="rounded=0;whiteSpace=wrap;html=1;align=center;verticalAlign=top;fillColor=#9999FF;fontColor=#000000;" parent="1" vertex="1">
11+
<mxGeometry x="250" y="260" width="140" height="130" as="geometry"/>
12+
</mxCell>
13+
<mxCell id="3" value="Application" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
14+
<mxGeometry x="80" y="260" width="120" height="50" as="geometry"/>
15+
</mxCell>
16+
<mxCell id="4" value="TCP/IP" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
17+
<mxGeometry x="80" y="340" width="120" height="50" as="geometry"/>
18+
</mxCell>
19+
<mxCell id="12" value="IP packets" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
20+
<mxGeometry x="265" y="340" width="110" height="30" as="geometry"/>
21+
</mxCell>
22+
<mxCell id="18" value="" style="curved=1;endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="4" target="12" edge="1">
23+
<mxGeometry width="50" height="50" relative="1" as="geometry">
24+
<mxPoint x="290" y="400" as="sourcePoint"/>
25+
<mxPoint x="340" y="350" as="targetPoint"/>
26+
<Array as="points"/>
27+
</mxGeometry>
28+
</mxCell>
29+
<mxCell id="19" value="WiFi calls" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
30+
<mxGeometry x="265" y="290" width="110" height="30" as="geometry"/>
31+
</mxCell>
32+
<mxCell id="20" value="" style="curved=1;endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="3" target="19" edge="1">
33+
<mxGeometry width="50" height="50" relative="1" as="geometry">
34+
<mxPoint x="210" y="375" as="sourcePoint"/>
35+
<mxPoint x="275" y="365" as="targetPoint"/>
36+
<Array as="points"/>
37+
</mxGeometry>
38+
</mxCell>
39+
<mxCell id="16" value="esp-wifi-remote" style="rounded=0;whiteSpace=wrap;html=1;horizontal=0;fillColor=#FFFFCC;fontColor=#000000;" parent="1" vertex="1">
40+
<mxGeometry x="220" y="260" width="30" height="130" as="geometry"/>
41+
</mxCell>
42+
<mxCell id="21" value="&amp;nbsp;Slave device" style="rounded=0;whiteSpace=wrap;html=1;align=left;verticalAlign=top;fillColor=#CCCCFF;fontColor=#000000;" parent="1" vertex="1">
43+
<mxGeometry x="550" y="227" width="290" height="200" as="geometry"/>
44+
</mxCell>
45+
<mxCell id="22" value="wrmt-eppp-slave" style="rounded=0;whiteSpace=wrap;html=1;align=center;verticalAlign=top;fillColor=#9999FF;fontColor=#000000;" parent="1" vertex="1">
46+
<mxGeometry x="570" y="257" width="140" height="130" as="geometry"/>
47+
</mxCell>
48+
<mxCell id="23" value="WiFi calls" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
49+
<mxGeometry x="585" y="287" width="110" height="30" as="geometry"/>
50+
</mxCell>
51+
<mxCell id="24" value="IP packets" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
52+
<mxGeometry x="585" y="337" width="110" height="30" as="geometry"/>
53+
</mxCell>
54+
<mxCell id="25" value="WiFi library" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=middle;fillColor=#FF99CC;fontColor=#000000;" parent="1" vertex="1">
55+
<mxGeometry x="740" y="280" width="90" height="40" as="geometry"/>
56+
</mxCell>
57+
<mxCell id="28" value="" style="endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="24" edge="1">
58+
<mxGeometry width="50" height="50" relative="1" as="geometry">
59+
<mxPoint x="750" y="397" as="sourcePoint"/>
60+
<mxPoint x="740" y="352" as="targetPoint"/>
61+
</mxGeometry>
62+
</mxCell>
63+
<mxCell id="29" value="" style="endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="23" edge="1">
64+
<mxGeometry width="50" height="50" relative="1" as="geometry">
65+
<mxPoint x="700" y="301.5" as="sourcePoint"/>
66+
<mxPoint x="740" y="302" as="targetPoint"/>
67+
</mxGeometry>
68+
</mxCell>
69+
<mxCell id="6" value="TLS with mut-auth" style="shape=flexArrow;endArrow=classic;startArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.75;entryDx=0;entryDy=0;fillColor=#e3c800;strokeColor=#B09500;fontSize=14;" parent="1" edge="1">
70+
<mxGeometry width="100" height="100" relative="1" as="geometry">
71+
<mxPoint x="374" y="305" as="sourcePoint"/>
72+
<mxPoint x="584" y="302.5" as="targetPoint"/>
73+
<mxPoint as="offset"/>
74+
</mxGeometry>
75+
</mxCell>
76+
<mxCell id="30" value="plain text" style="shape=flexArrow;endArrow=classic;startArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.75;entryDx=0;entryDy=0;fillColor=#e3c800;strokeColor=#B09500;fontSize=14;" parent="1" edge="1">
77+
<mxGeometry width="100" height="100" relative="1" as="geometry">
78+
<mxPoint x="375" y="356.25" as="sourcePoint"/>
79+
<mxPoint x="585" y="353.75" as="targetPoint"/>
80+
<mxPoint as="offset"/>
81+
<Array as="points">
82+
<mxPoint x="500" y="356"/>
83+
</Array>
84+
</mxGeometry>
85+
</mxCell>
86+
<mxCell id="32" value="TCP/IP" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=middle;" parent="1" vertex="1">
87+
<mxGeometry x="740" y="337" width="90" height="40" as="geometry"/>
88+
</mxCell>
89+
</root>
90+
</mxGraphModel>
91+
</diagram>
92+
</mxfile>

‎content/blog/2025/09/esp-wifi-remote/img/eppp.webp‎

9.28 KB
Loading

‎content/blog/2025/09/esp-wifi-remote/img/hosted.drawio‎

Lines changed: 85 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,85 @@
1+
<mxfile host="65bd71144e">
2+
<diagram id="7W33uEh9ZzW-GppHaLwA" name="Page-1">
3+
<mxGraphModel dx="596" dy="699" 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">
4+
<root>
5+
<mxCell id="0"/>
6+
<mxCell id="1" parent="0"/>
7+
<mxCell id="2" value="&amp;nbsp;Host device" style="rounded=0;whiteSpace=wrap;html=1;align=left;verticalAlign=top;fillColor=#CCCCFF;fontColor=#000000;strokeColor=#006EAF;" parent="1" vertex="1">
8+
<mxGeometry x="60" y="220" width="350" height="200" as="geometry"/>
9+
</mxCell>
10+
<mxCell id="8" value="esp-hosted" style="rounded=0;whiteSpace=wrap;html=1;align=center;verticalAlign=top;fillColor=#9999FF;fontColor=#000000;" parent="1" vertex="1">
11+
<mxGeometry x="250" y="260" width="140" height="130" as="geometry"/>
12+
</mxCell>
13+
<mxCell id="3" value="Application" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
14+
<mxGeometry x="80" y="260" width="120" height="50" as="geometry"/>
15+
</mxCell>
16+
<mxCell id="4" value="TCP/IP" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
17+
<mxGeometry x="80" y="340" width="120" height="50" as="geometry"/>
18+
</mxCell>
19+
<mxCell id="6" value="plain text" style="shape=flexArrow;endArrow=classic;startArrow=classic;html=1;fillColor=#CCCC00;fontSize=14;" parent="1" edge="1">
20+
<mxGeometry width="100" height="100" relative="1" as="geometry">
21+
<mxPoint x="410" y="320" as="sourcePoint"/>
22+
<mxPoint x="550" y="320" as="targetPoint"/>
23+
<mxPoint as="offset"/>
24+
</mxGeometry>
25+
</mxCell>
26+
<mxCell id="12" value="802.3 frames" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
27+
<mxGeometry x="265" y="340" width="110" height="30" as="geometry"/>
28+
</mxCell>
29+
<mxCell id="18" value="" style="curved=1;endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="4" target="12" edge="1">
30+
<mxGeometry width="50" height="50" relative="1" as="geometry">
31+
<mxPoint x="290" y="400" as="sourcePoint"/>
32+
<mxPoint x="340" y="350" as="targetPoint"/>
33+
<Array as="points"/>
34+
</mxGeometry>
35+
</mxCell>
36+
<mxCell id="19" value="WiFi calls" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
37+
<mxGeometry x="265" y="290" width="110" height="30" as="geometry"/>
38+
</mxCell>
39+
<mxCell id="20" value="" style="curved=1;endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="3" target="19" edge="1">
40+
<mxGeometry width="50" height="50" relative="1" as="geometry">
41+
<mxPoint x="210" y="375" as="sourcePoint"/>
42+
<mxPoint x="275" y="365" as="targetPoint"/>
43+
<Array as="points"/>
44+
</mxGeometry>
45+
</mxCell>
46+
<mxCell id="16" value="esp-wifi-remote" style="rounded=0;whiteSpace=wrap;html=1;horizontal=0;fillColor=#FFFFCC;fontColor=#000000;" parent="1" vertex="1">
47+
<mxGeometry x="220" y="260" width="30" height="130" as="geometry"/>
48+
</mxCell>
49+
<mxCell id="21" value="&amp;nbsp;Slave device" style="rounded=0;whiteSpace=wrap;html=1;align=left;verticalAlign=top;fillColor=#CCCCFF;fontColor=#000000;strokeColor=#001DBC;" parent="1" vertex="1">
50+
<mxGeometry x="550" y="220" width="290" height="200" as="geometry"/>
51+
</mxCell>
52+
<mxCell id="22" value="esp-hosted" style="rounded=0;whiteSpace=wrap;html=1;align=center;verticalAlign=top;fillColor=#9999FF;fontColor=#000000;" parent="1" vertex="1">
53+
<mxGeometry x="570" y="250" width="140" height="130" as="geometry"/>
54+
</mxCell>
55+
<mxCell id="23" value="WiFi calls" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
56+
<mxGeometry x="585" y="280" width="110" height="30" as="geometry"/>
57+
</mxCell>
58+
<mxCell id="24" value="802.3 frames" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
59+
<mxGeometry x="585" y="330" width="110" height="30" as="geometry"/>
60+
</mxCell>
61+
<mxCell id="25" value="WiFi library" style="rounded=0;whiteSpace=wrap;html=1;verticalAlign=top;fillColor=#FF99CC;fontColor=#000000;" parent="1" vertex="1">
62+
<mxGeometry x="720" y="250" width="110" height="130" as="geometry"/>
63+
</mxCell>
64+
<mxCell id="26" value="public API" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
65+
<mxGeometry x="740" y="280" width="70" height="30" as="geometry"/>
66+
</mxCell>
67+
<mxCell id="27" value="private API" style="rounded=0;whiteSpace=wrap;html=1;" parent="1" vertex="1">
68+
<mxGeometry x="740" y="330" width="70" height="30" as="geometry"/>
69+
</mxCell>
70+
<mxCell id="28" value="" style="endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="24" target="27" edge="1">
71+
<mxGeometry width="50" height="50" relative="1" as="geometry">
72+
<mxPoint x="750" y="390" as="sourcePoint"/>
73+
<mxPoint x="730" y="345" as="targetPoint"/>
74+
</mxGeometry>
75+
</mxCell>
76+
<mxCell id="29" value="" style="endArrow=classic;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;" parent="1" source="23" target="26" edge="1">
77+
<mxGeometry width="50" height="50" relative="1" as="geometry">
78+
<mxPoint x="700" y="294.5" as="sourcePoint"/>
79+
<mxPoint x="745" y="294.5" as="targetPoint"/>
80+
</mxGeometry>
81+
</mxCell>
82+
</root>
83+
</mxGraphModel>
84+
</diagram>
85+
</mxfile>

‎content/blog/2025/09/esp-wifi-remote/img/hosted.webp‎

8.51 KB
Loading

0 commit comments

Comments
 (0)