Skip to main content

Push The Button

Push Set can interact with your world. Get phone notification, play next Spotify song, control your smart lights, trigger the egg timer or send a Tweet to the world.

In this tutorial you create a simple project with a button, that sends you push notification to your phone everytime you press it.

Build Hardware

You will need the Push Set and Radio Dongle.

Step 1: Assembly

Put all three modules together to build the Push Button Kit. Note the orientation of the Mini Battery Module on the image below.

Step 2: Put the batteries in

info

The red LED on the Core Module will light up for 2 seconds when the batteries are inserted. This way you know that batteries are fine and kit is running ok.

Playground Set-Up

In this step you run the Playground application that manages Radio Dongle, Push Button and thanks to the Node-RED connects everything together.

Step 1: Download and run the latest HARDWARIO Playground

Step 2: Connect Radio Dongle to your computer

Step 3: Go to the Devices tab, check that the Radio Dongle is detected and click Connect

info

If you cannot see Radio Dongle in the devices, please see the Troubleshooting chapter.

Step 4: When connected. The already flashed and paired Push Button Kit will be in the paired devices

Step 5: Switch to the Functions tab and make sure you see the flow on the image below

In case you don't see the flow, you can copy the text below and paste it into the Node-RED's Menu > Import > Clipboard

[{"id":"103c675c.c81139","type":"mqtt in","z":"2c41a2bd.aa36ae","name":"","topic":"node/push-button:0/push-button/-/event-count","qos":"2","broker":"29fba84a.b2af58","x":270,"y":360,"wires":[["ff41c7e0.06eba8"]]},{"id":"f507ecc3.8f82b","type":"blynk-ws-out-notify","z":"2c41a2bd.aa36ae","name":"Blynk notification","client":"fc4bbabb.9bb1b8","queue":false,"rate":5,"x":790,"y":360,"wires":[]},{"id":"ff41c7e0.06eba8","type":"change","z":"2c41a2bd.aa36ae","name":"Set message","rules":[{"t":"set","p":"payload","pt":"msg","to":"Button pressed, you're the best!","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":570,"y":360,"wires":[["f507ecc3.8f82b"]]},{"id":"c131dd35.bb855","type":"comment","z":"2c41a2bd.aa36ae","name":"Push Button Kit flow","info":"","x":190,"y":300,"wires":[]},{"id":"29fba84a.b2af58","type":"mqtt-broker","z":"","broker":"127.0.0.1","port":"1883","clientid":"","usetls":false,"compatmode":true,"keepalive":"60","cleansession":true,"birthTopic":"","birthQos":"0","birthPayload":"","willTopic":"","willQos":"0","willPayload":""},{"id":"fc4bbabb.9bb1b8","type":"blynk-ws-client","z":"","name":"","path":"ws://blynk-cloud.com/websockets","key":"5cf554e34caf4d49a1b24cd07c5e2c13","dbg_all":false,"dbg_read":false,"dbg_write":false,"dbg_notify":false,"dbg_mail":false,"dbg_prop":false,"dbg_sync":false,"dbg_bridge":false,"dbg_low":false,"dbg_pins":"","multi_cmd":false,"proxy_type":"no","proxy_url":""}]

Blynk Mobile App Set-Up

In this step you configure Blynk application on your phone so you can get notifications from the HARDWARIO Playground.

Step 1: Download Blynk

Now download the Blynk app from App Store or Google Play. Create an account and log-in.

Step 2: Click on the QR icon

Step 3: Scan following QR code to get everything preconfigured

Step 4: You will see this imported project with a single Notification Widget

Click on the Settings icon.

Step 5: Scroll down and click on Email all tokens. We use this token from you email later

Step 6: Now you need start the Blynk project. Click on the Play symbol

Putting it all together

The final step is to connect Node-RED and Blynk together, so you can get the notifications.

Step 1: In the Playground Functions tab doubleclick on the Blynk notification node

Step 2: Click on the pencil icon and paste the token you've received in the email. Click Done

Step 3: Click the Deploy button. Everytime you edit the Node-RED flow you have to apply changes!

Action !

The time has come to PUSH THE BUTTON

Learn More

The goal of this Push Button Project is to show the basics in a few simple steps. Now you can learn more by browsing the documentation or by visiting the links below.