Étape 7: Contrôle à distance Web Page
À ce stade, vous pouvez contrôler votre couleur IOT lampe de n’importe où sur votre réseau local.
Comment le rendre visible à travers l’internet public ne fait pas partie de cette instructable.
Si vous configurer une adresse IP publique de votre appareil, vous aurez besoin d’utiliser cette adresse IP dans la commande de socket ouvert dans le JavaScript de vos pages (par exemple ~ / node_rgb/public/index.html)
J’ai l’intention d’utiliser mon Pi-Zero ITO comme un indicateur de couleur en temps réel pour le changement de la journée dans l’indice Dow Jones. J’ai créé une page qui fait cela, qui obtient des données json de google.com/finance.
De plus, j’ai créé quelques pages web pour démontrer le large éventail d’utilisations pour ce petit appareil ITO.
Plutôt que de mettre mon Pizer sur l’Internet public, j’ai accueilli les pages sur mon public orienté serveur web existant (97.82.109.110), qui s’exécute sur une version originale B framboise-Pi.
Dans le code sur mes pages à distance, j’ai ouvert la connexion au 192.168.1.41:8080
J’avais fixé l’ip de mon Pi-Zero à 192.168.1.41. De de même suivre les directives à setting-up-raspberry-pi-with-wifi-and-a-static-ip sous le titre : adresse IP statique.
Donc si vous configurer votre PiZero au 192.168.1.41 sur votre réseau local, ces pages, ouvertes vers le haut de mon site web, communiquera avec votre appareil, car la connexion se faite à partir du côté client.
Voici les pages que j’ai utilisé pour tester et exploiter mon dispositif d’éclairage de Pi-Zero ITO. Si vous évoquez ces pages (http://97.82.109.110/iot/rgbLamp/ ou les pages encadrées sur cette page) le JavaScript côté client conduira votre IOT créée léger (étant donné qu’il s’exécute à cette url "192.168.1.41:8080") si vous voulez, vous pouvez copier la source de le quelconque de ces pages et modifier à votre convenance.
Avec la première page, vous pouvez régler votre unité à n’importe quelle couleur. La lampe LED et la couleur que vous voyez dans la page web permettra de suivre assez bien. Les valeurs de résistance utilisés peuvent être tordus (ainsi que le moniteur) pour les amener plus vraiment mis en correspondance. J’ai ne passé peu ou aucun temps assurer qu’ils correspondent. Cette page met à jour sa couleur chaque fois que quelqu'un modifie la couleur et le serveur envoie le message de mise à jour d’informations.
Une page est un simple bouton contrôlé par feux tricolores.
Il y a une page de répliquer un concours sportifs (p. ex., football, basket-ball, baseball), une élection, ou même adapté pour une levée de fonds ou l’indicateur de style de niveau alerte DEFCON. Les scores (ou votes électoraux engagés) pourraient être automatiquement obtenus à partir d’un service web ou grattées une autre page web. Je n’ai pas une avance automatique conduite ma page Contest_demo. Quelqu'un avec le savoir-faire de droit pourrait ajouter un conducteur de puissance pour exécuter la puissance élevée LED projecteurs et baigner une chambre (ou le bar sportif) avec la couleur de l’équipe lorsqu’ils sont en avance. Malheureusement je suis trop tard avec ce instructable pour parties de Super bowl cette année, mais à temps pour l’élection de 2016.
Puis, il y a la page semblable à celle que j’utiliserai pour transformer mon appareil en un indicateur de suivi de Dow Jones. Le curseur et les boutons sont uniquement sur la page de démonstration DJI pour fins de démonstration. Dans la source de cette page, il n’y a code que j’ai mis au point pour re-couleur une image inspirée d’écran vert ; avec assez commentaires que vous pouvez aussi trouver intéressant.
Seul le premier de ces Ecoutes de 4 pages (ainsi que la page index.html base de Pi-zéro) pour le serveur update messages et actualiser en conséquence. Tout le reste d’envoyer au serveur.