Installing a secure Embedded Web Server on ESP32/ESP8266 and WebSockets Behind a Firewall

Getting started with embedded development can be difficult, but in this video I'll show you how to spin up FreeRTOS and the lwIP TCP/IP stack on a WiFi chip with a secure embedded web server in less than 30 minutes on a super low cost device. The second part of the video shows how to access WebSockets Behind a Firewall.

This video explains the following installation instructions step by step:

The code is also included in the SharkSSL ESP32 IDE:

You probably wonder why there is a calculator in a device management reference design. The calculator uses AJAX and the math operation are performed on the backend.

WebSockets vs. AJAX

The Minnow Server exclusively uses WebSockets and WebSockets can handle multiple bidirectional messages between the browser and the server. There is no correlation between the messages sent in either direction. It is up to the application to interpret and manage these messages. However, it is many times useful to use a request/response design pattern in web applications, where a JavaScript callback is called when the response is returned from the server. Many web developers are accustomed to AJAX and the calculator shows how to use AJAX in JavaScript and in C code. The math operations are performed on the server side and each math operation request sent to the server is followed by a math response sent to the browser. The result is displayed in the calculator when the response returns. AJAX also includes a success/error (try/catch) concept. Try dividing a number by zero and see what happens.

So now, you see why an AJAX over WebSockets example is included. We recommend reading the article AJAX over WebSockets, so you get the full picture on how AJAX over the WebSocket protocol works.

AJAX over WebSockets tutorial:

[BryanChance]

The perfect background music for coding. ;-)
Real Time Logic has some great tools for IOT development.

[AlanMedina]

Pretty good video, the esp8266 is a little monster.

[drakkorvladimir]

I can't find an easy to understand, step by step tutorial on this, it skips explanations. Point me to something with a lot more detail, please.