Now that you've installed WipperSnapper on your board - let's learn how to use it!
There's a large number of components (physical parts like buttons, switches, sensors, actuators) supported by WipperSnapper, but this page will get you started with the core concepts to build an IoT project with WipperSnapper.
One of the first programs you typically write to get used to embedded programming is a sketch that repeatably blinks an LED. IoT projects are wireless so after completing this section, you'll be able to turn on (or off) the LED built into your Feather from anywhere in the world.
This page assumes that you have installed WipperSnapper on your Feather and registered it with the Adafruit.io WipperSnapper web page. If you have not done this yet, please go back to the previous page in this guide and connect your Feather.
On a web browser, navigate to Adafruit.io WipperSnapper. You should see your Feather board listed on this page.
Click the image of your Feather to navigate to its device page.
Before the next steps, you'll want to verify that your Feather is online and ready to receive commands from WipperSnapper. To check this, look at the online status badge on the upper left of the device page. It should be green and say Online.
If the Feather appears offline on the website but was previously connected, press the Reset (RST) button to force the board to reboot.
Next, click + New Component to open the Component Picker.
The Component Picker lists all the available components, sensors, and parts, which can be used with WipperSnapper. The Feather already has a LED built-in, so there's no wiring for you to configure.
Click the LED component.
Feathers contain GPIO pins that can be configured either as an input or an output. The "Create LED Component" screen tells WipperSnapper to configure a general-purpose output pin connected to the LED on your Feather as a digital output so you can turn the LED on or off.
The ESP32-S2 TFT Feather has a built-in LED located at GPIO #13. Select this pin as the LED Pin and click Create Component
WipperSnapper should send a command to your board telling it to configure the GPIO pin as a digital output. Your WipperSnapper dashboard should also show the new LED component.
On the device interface, toggle the LED component by clicking the toggle switch. This should turn your Feather's built-in LED on or off.
You can also configure a WipperSnapper board to wirelessly read data from standard input buttons, switches, or digital sensors, and send the state to Adafruit IO.
Let's wire up a push-button to a Feather and configure it with WipperSnapper to publish a value to Adafruit IO when the button has been pressed or de-pressed.
We'll be using the Feather's internal pull-up resistors instead of a physical resistor.
Make the following connections between the Feather and the push-button:
- Feather GND to one leg of the push-button
- Feather GPIO11 to a leg on the opposite side of the push-button
On a web browser, navigate to Adafruit.io WipperSnapper and click on your Feather. Next, click + New Component to open the Component Picker.
From the component picker, select the Push Button.
The next screen presents you with options for configuring the push button. Start by selecting the Feather's digital pin you connected to the push button.
The Return Interval dictates how frequently the value of the push-button will be sent from the Feather to Adafruit IO. For this example, the push-button's value should only be sent when its pressed.
Select On Change
Finally, check the Specify Pin Pull Direction checkbox and select Pull Up to turn on the Feather's internal pullup resistor.
Make sure the form's settings look like the following screenshot. Then, click Create Component.
WipperSnapper should send a command to your board, telling it to configure the GPIO pin you selected to behave as a digital input pin and to enable it to pull up the internal resistor. Your WipperSnapper dashboard should also show the new push button component.
Press the button to change the value of the push button component on Adafruit IO.
Inter-Integrate Circuit, aka I2C, is a two-wire protocol for connecting sensors and "devices" to a microcontroller. A large number of sensors, including the ones sold by Adafruit, use I2C to communicate.
Typically, using I2C with a microcontroller involves programming. WipperSnapper lets you configure a microcontroller to read data from an I2C sensor and publish that data to the internet without writing code.
WipperSnapper supports a number of I2C sensors, viewable in list format here. If you do not see the I2C sensor you're attempting to use with WipperSnapper - we have a guide on adding a component to WipperSnapper here.
The process of adding an I2C component to your WipperSnapper board is similar between most sensors. For this section, we're using the Adafruit AHT20, an inexpensive sensor that can read ambient temperature and humidity.
First, wire up an AHT20 sensor to your board exactly as follows. Here is an example of the AHT20 wired to a Feather using I2C with a STEMMA QT cable (no soldering required).
Make the following connections between the ESP32-S2 TFT Feather and the AHT20:
Board 3V to sensor VIN (red wire on STEMMA QT)
Board GND to sensor GND (black wire on STEMMA QT)
Board SCL to sensor SCL (yellow wire on STEMMA QT)
- Board SDA to sensor SDA (blue wire on STEMMA QT)
Scan I2C Bus
On a web browser, navigate to Adafruit.io WipperSnapper. Click on the Feather board to enter its device page.
To ensure that you've correctly wired the AHT20 sensor to your Feather and to test that the Feather can communicate with Adafruit IO, you'll first perform an I2C scan.
On the upper right-hand corner of the device interface, click Start I2C Scan.
You should see a new pop-up showing a list of the I2C addresses detected by an I2C scan. If wired correctly, the AHT20's default I2C address of
0x38 appear in the I2C scan list.
First, double-check the connection and/or wiring between the sensor and the board.
Then, reset the board and let it re-connect to Adafruit IO WipperSnapper.
Create the Sensor Component
Now that you know the sensor can be detected by the Feather, it's time to configure and create the sensor on WipperSnapper.
Start by clicking +New Component
The Component Picker lists all the available components, sensors, and parts that can be used with WipperSnapper.
Under the I2C Components header, click AHT20.
On the component configuration page, the AHT20's I2C sensor address should be listed along with the sensor's settings.
The AHT20 sensor can measure ambient temperature and relative humidity. This page has individual options for reading the temperature and the relative humidity. This comes in handy in the case where you have multiple I2C sensors connected to your Feather which read the same value. You may choose to enable or disable a specific sensor type on this page.
The Send Every option is specific to each sensor measurements . This option will tell the Feather how often it should read from the AHT20 sensor and send the data to Adafruit IO. Measurements can range from every 30 seconds to every 24 hours.
For this example, set the Send Every interval for both seconds to Every 30 seconds and click Create Component.
Your device interface should now show the AHT20 component you created.
After the interval you configured elapses, WipperSnapper automatically reads values from the sensor and sends them to Adafruit IO.
Want to learn more about Adafruit IO WipperSnapper? We have more complex projects on the Adafruit Learning System.