Book Image

Creative DIY Microcontroller Projects with TinyGo and WebAssembly

By : Tobias Theel
Book Image

Creative DIY Microcontroller Projects with TinyGo and WebAssembly

By: Tobias Theel

Overview of this book

While often considered a fast and compact programming language, Go usually creates large executables that are difficult to run on low-memory or low-powered devices such as microcontrollers or IoT. TinyGo is a new compiler that allows developers to compile their programs for such low-powered devices. As TinyGo supports all the standard features of the Go programming language, you won't have to tweak the code to fit on the microcontroller. This book is a hands-on guide packed full of interesting DIY projects that will show you how to build embedded applications. You will learn how to program sensors and work with microcontrollers such as Arduino UNO and Arduino Nano IoT 33. The chapters that follow will show you how to develop multiple real-world embedded projects using a variety of popular devices such as LEDs, 7-segment displays, and timers. Next, you will progress to build interactive prototypes such as a traffic lights system, touchless hand wash timer, and more. As you advance, you'll create an IoT prototype of a weather alert system and display those alerts on the TinyGo WASM dashboard. Finally, you will build a home automation project that displays stats on the TinyGo WASM dashboard. By the end of this microcontroller book, you will be equipped with the skills you need to build real-world embedded projects using the power of TinyGo.
Table of Contents (13 chapters)
10
Afterword

Displaying sensor data and weather alerts on a Wasm page

Our goal is to develop a small application that displays weather alerts and our sensor data that is being published to an MQTT broker, so we will need some very basic HTML and JavaScript skills in order to achieve this. We start by developing a small server that serves the Wasm app to a client.

Serving the application

As Wasm is served to a browser, we need an HTTP endpoint that serves all files we might need. We start by creating a new folder named wasm-server inside the Chapter07 folder, and inside this folder we create a new main.go file with an empty main function. Now, follow these steps to implement the server:

  1. Define the directory where the FileServer should look for files, as follows:
    const dir = "Chapter07/html"
  2. Now, inside the main function, create a new FileServer and pass the directory as a parameter, as follows:
    fs := http.FileServer(http.Dir(dir))
  3. Start an HTTP server that listens...