by Daniel Stefan (ERNI Switzerland)
Leveraging the power of Torizon, our partner Toradex’s Easy-to-Use Industrial Linux Platform , and the latest web technologies, we demonstrate shortly how to perform ‘over the air’ updates and visualise real-time telemetry data on a customised web UI for an IoT device.
We already had the pleasure to present this at Embedded World 2024, but for those who missed the presentation, here is a short recap.
Three steps to your IoT project
Step 1 Setup
Toradex is a Swiss company which specialises in the design and development of embedded hardware. Furthermore, Toradex provides an open source Linux-based operating system and a cloud integration platform called TorizonCloud. By using the hardware of Toradex and the associated OS, the cloud integration to TorizonCloud works out of the box.
To get access to the Torizon Cloud API (the open REST API of TorizonCloud), you first need to authorise. After receiving the API access token, you can use features, like performing OTA updates and requesting live telemetry data of your IoT device, in your custom implementation.
But, before you can start to implement, you need to understand the user requirements. From these, a design can be created.
Step 2.1 Design
ERNI’s UX Team can always support you during this phase.
And finally, when you have your design, you can start implementing…
Step 2.2 Implement
At ERNI we love technology which is fast, cross-platform and open source.
That is why we decided to use Node.js as web server backend technology and visual studio code as IDE.
To use all the features of the Torizon Cloud API (like ‘over the air’ updates and real-time telemetry data), you will need a HTTP client like Axios, which requests the data from the Torizon Cloud API.
Finally, the resulting web page could look like iot-showcase-ui.
If you are interested in the implementation details, please have a look at our GitHub repository.
Step 3 Test and publish
For this specific project, we decided to use Azure App Service for the productive hosting of the web page. For the development, Azure DevOps and the related Azure CI/CD pipeline architecture was used, which separates the deployment into a “staging” area for testing and a “production” area, which directly deploys to iot-showcase-ui if all unit tests and manual tests have been successful.
