The Tinkerforge Device Manager

To simplify the work with the hardware, I provide a JavaScript library to connect to and interact with the IoT devices from Tinkerforge.

Goal

• Understand what the Tinkerforge Device Manager helps you with and how to use it.

Builds on top of the Tinkerforge API

In this course, we work with electronic devices such as sensors and actuators. With these devices, we learn to program and build small applications.

The devices we use are from a German company called Tinkerforge. Tinkerforge offers a variety of parts that we can assemble and program to build our application prototypes. To glue the parts together, we program a piece of software using the JavaScript Application Programming Interface (API).

On top of Tinkerforge's native JavaScript API, I built a layer of abstraction to make it easier for us to connect to and handle the different devices. In this tutorial, you'll learn how to use the Tinkerforge Device Manager.

Use the Template

If you want to get started right away, remix the Glitch project below. It includes all necessary imports:

Glitch Blogglitch.com

Manual Import

You can manually include all necessary libraries to use the TDM in your web project. If you want to do that, copy the 3 lines of code below and paste them right before the closing </body>-tag in your HTML file.

index.html

<script src="https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js" type="text/javascript"></script>
<script src="https://cdn.jsdelivr.net/gh/winf-hsos/tinkerforge-device-manager-web/lib/Tinkerforge.js"></script>
<script src="https://cdn.jsdelivr.net/gh/winf-hsos/tinkerforge-device-manager-web/index.js" type="module"></script>

GitHub

You can find the Tinkerforge Device Manager for the web on GitHub. Feel free to re-use it in any context you like. You are also free to make changes to your version of it.

GitHub - winf-hsos/tinkerforge-device-manager-web: The Tinkerforge Device Manager for the web. Uses ES6 modules instead of CommonJS.GitHub