RPi-noll IoT händelse indikator / Color lampa (7 / 7 steg)

Steg 7: Remote webbsida kontroll

På denna punkt kan du styra din IOT färg lampa från var som helst i det lokala nätverket.
Hur till göra den synlig över offentliga internet är inte en del av detta instructable.
Om du ställer in en publik IP för din enhet, då måste du använda att IP i kommandot Öppna socket i JavaScript av dina sidor (t.ex. ~ / node_rgb/public/index.html)

Jag planerar att använda min Pi-Zero IOT-enhet som en realtid färg indikator för dagens förändring i Dow Jones Index. Jag skapade en sida som gör detta, som hämtar json data från google.com/finance.
Jag skapade ytterligare några webbsidor för att visa en mängd olika användningsområden för denna lilla IOT enhet.
I stället för att sätta min PiZero på Internet, jag värd sidor på min befintliga offentliga motstående webbserver (97.82.109.110), som körs på en original version B hallon-Pi.

I koden på min remote sidor öppnade jag socketanslutningar till 192.168.1.41:8080
Fast jag hade min Pi-noll ip till 192.168.1.41. På motsvarande sätt följa anvisningarna på setting-up-raspberry-pi-with-wifi-and-a-static-ip under rubriken: statisk IP-adress.
Så om du setup din PiZero för att vara på 192.168.1.41 i det lokala nätverket, kommer dessa sidor, öppnas från min webbplats, kommunicera med enheten, eftersom anslutningen görs från klientsidan.

Här är de sidor som jag använde för att testa och styra min Pi-Zero IOT belysning enhet. Om du tar upp dessa sidor (http://97.82.109.110/iot/rgbLamp/ eller någon av sidorna inramade på den sidan) klientsidan JavaScript kommer att driva din skapade IOT ljus (med tanke på det är igång på denna url "192.168.1.41:8080") om du som du kan kopiera källan till någon av dessa sidor och ändra till din smak.

Med första sidan kan du ställa in enheten till valfri färg. LED lampa och färg du ser i webbsidor spårar ganska väl. Resister värden som används kan tweaked (samt bildskärmen) för att få dem mer verkligt matchas. Jag tillbringade lite eller ingen tid att se till att de matchade. Denna sida kommer uppdatera sin färg när någon annan ändrar färg och servern skickar ut uppdaterade information budskapet.

En sida är en enkel knapp kontrollerad trafikljus.

Det finns en sida för att spåra en sports tävling (e.g. fotboll, basket, baseball), ett val, eller ens anpassade för en fond raiser eller DEFCON alert nivå stil indikator. Noter (eller engagerade elektorsröster) kan erhålls från en webbtjänst automatiskt eller skrapas bort några andra webbsida. Jag har inte en automatisk matning köra min Contest_demo sida. Någon med den rätta kunskapen kunde lägga till en makt drivrutin för att köra hög effekt ledde översvämning ljus och bada ett rum (eller sportbar) med ett team färg när de är framåt. Tyvärr är jag för sent med detta instructable för årets Super bowl parter, men i tid för valet till 2016.

Är det sidan liknar den som jag ska använda till vända min enhet till en Dow Jones spårning indikator. Reglage och knappar är endast på DJI demosida för demonstrationen. I källan för den här sidan finns koden jag utvecklats för att re-färg en grönskärms-inspirerad bild; med tillräckligt många kommentarer som du kan också vara praktiskt.

Endast först av dessa 4 sidor (tillsammans med Pi-noll baserat index.html-sida) lyssnar för server uppdatera meddelanden och uppdatera därmed. Alla övriga bara skicka till servern.