Expose Your IoT Bundle Kit Info Trough a WiFi Web Server

Arduino MKR IoT Prime Bundle

Note: This tutorial could be outdated, please go <a href="https://docs.arduino.cc/tutorials/mkr-1000-wifi/expose-your-iot-bundle-kit-info-trough-a-wifi-web-server">here</a> for a more current version.You can imagine this project as a standalone monitoring device that could expose information to other mobile devices (i.e. smartphones) in the absence of a WiFi Internet connection, while hosting a backup of this information.As of this project, the WiFi web server is always on, while you can easily trigger the server by putting a pushbutton that brings it up if pressed, making the application less power-hungry. Temperature, humidity, pressure and light data are going to be displayed on a simple webpage, while two buttons will allow to control the behaviour of the two relays on the Proto Carrier.Most important, all the data is stored on the SD, in a .CSV file (comma separated values). This is very handy if you want a solid backup device that can be collected / or replaced as needed. <h3 >Software</h3>This project heavily relies on the AP_SimpleWebServer example of the WiFi NINA Library written by Tom Igoe: File&gt;Examples&gt;WifiNINA&gt;AP_SimpleWebServer.inoI strongly advice you to run that example in order to test a simpler sketch. Before we start we need to know that the SSID and Password names are to be longer than eight letters, don't use short names if you don't want to run into strange behaviours. Another very important rule of thumb is to be sure the WiFiNINA Library is up-to-date (1.4.0 as we speak). While the code checks for the firmware version on line 46. <pre ><code >String fv = WiFi.firmwareVersion(); if (fv &lt; &#34;1.0.0&#34;) { Serial.println(&#34;Please upgrade the firmware&#34;); } </code></pre>You should follow the instructions of firmware updater (Tools&gt;Wifi101 WifiNINA Firmware Updater) in order to be 100% sure everything is up to date and working fine on the module.If you are ok in testing the <code >AP_SimpleWebServer.ino</code> code, you should be able to light on and off the on-board LED. Remember the network the MKR WiFi 1010 is offering has no connection to the interweb, so you'll may enable non-connected navigation on some mobile devices.We are ready to <code >#copypasta</code> the code. Before, let's review it in order to check if everything is in order.Libraries to import:<pre ><code >#include &lt;SPI.h&gt; #include &lt;SD.h&gt; #include &lt;WiFiNINA.h&gt; #include &lt;Arduino_MKRENV.h&gt; #define POLL_RATE 2*1000 </code></pre>The variable <code >POLL_RATE</code> is defining the update time of the SD data. Every Log is printed in the Serial Port for you to check. In the <code >setup() </code>function, the communication with the WiFi module, the Environmental Shield and the SD card is checked, and the server is run on port 80, and we are notfied on the Serial Port throughout <code >printWiFiStatus();</code> function.<pre ><code >// start the web server on port 80 server.begin();// you're connected now, so print out the status printWiFiStatus(); </code></pre>Like in the previous example, everytime a client connects, its browser in injected with html data from the <code >client.println()</code> function. Also, this can be seen in the Serial Log. <figure><img src=https://projects.arduinocontent.cc/dffe393b-bd23-426f-841b-95a23ec2be4f.PNG /><figcaption> </figcaption></figure>The only exception in this version of the code is the body part, generated in the <code >readENV() </code>function, returning a string with the data.<pre ><code >String body = readENV(); // the content of the HTTP response follows the header: client.print(body); </code></pre>The data is then saved on the SD throughout the <code >void writeLog() </code>function. You can control the board using the web UI.<figure><img src=https://projects.arduinocontent.cc/3783dea6-7574-4990-9375-aa2599a9d89b.PNG /><figcaption> </figcaption></figure><h3 >Hosting Images on SD Card</h3>As a bonus track, an Arduino logo is hosted on the SD and imported directly in the page, using <a href="https://en.wikipedia.org/wiki/Base64">base64 standards</a>. You can use <a href="https://www.base64-image.de/">multiple sites</a> to create a img.txt file. Check it out!

Expose Your IoT Bundle Kit Info Trough a WiFi Web Server

Host a standalone monitoring device that can expose and back up relevant information to other mobile devices (i.e. smartphones).