Conexión del navegador a base de chispa IOT sensores (4 / 4 paso)

Paso 4: Aprender más y personalizar

Código JavaScript

El código está muy documentado. Si tienes alguna experiencia con el desarrollo web (HTML) y JavaScript debe ser capaz de seguir junto con los comentarios. El código más complejo se mantiene en la lib sparkio-cliente.

Spark base Firmware
Este código está también muy documentado. Será correcta en casa si han hecho desarrollo Arduino en el pasado.

La chispa principal documentación es impresionante para el firmware y API.

Esto es una aplicación Web y se ejecuta en casi todo
Si tienes un servidor para colocar los archivos de sólo copiar el index.html y los archivos de sparkio-client.js en su servidor y el navegador allí. Si no tienes un servidor, puede intentar utilizar caja de la gota o Google Drive. Había hecho este trabajo fino con la caja de la gota, pero tuvo problemas con Google Drive.

Lifehacker tiene un artículo que muestra cómo utilizar caja de la gota para servir las páginas. Esto funcionó para mí.

Personalización de su aplicación.
Lo primero sería conectar un sensor o algo para controlar a su núcleo de la chispa. La chispa IDE incluye un montón de bibliotecas para la lectura de sensores, como temperatura y controlar cosas como servos. Después de que su núcleo es lectura y control de las cosas, puede añadir código para publicar los datos del sensor como variables y funciones a utilizar para el control de las cosas. Luego se puede adaptar el archivo index.html para leer las variables y llamar a esas funciones.

Seguridad
Una cosa a considerar con dispositivos como este... te quiere mantener su dispositivo ID y acceso token secreto. No ponga esos valores en los archivos de java-script como cualquier persona puede sólo ver código fuente para obtenerlos. No sería gran cosa si su dispositivo sólo mide la temperatura en algún lugar, pero si su control de su puerta de garaje o algo más...

Usted será tentado a colocar estos códigos largos en su código para que no tenga que escribirlos cada vez que se ejecuta la aplicación. Si haces esto, te recomiendo que pongas tu aplicación en un directorio protegido con contraseña en su servidor.

Otra opción sería utilizar almacenamiento local para que usted sólo tendría que entrar una vez en cada dispositivo que se ha cargado la aplicación en. Este es el enfoque que plan, es un poco complejo justo para una aplicación de demostración inicial.

Hay un montón de opciones para tratar con seguridad, para proyectos de viviendas no tiene que preocuparse demasiado, pero para productos de la producción es un problema grave.

Mi Core
En la imagen aquí ver mi núcleo de chispa en su configuración actual. Tengo un cable FTDI se utiliza para depuración serie de datos y a la base de la alimentación. También tengo un paquete de baterías 4XAA así puedo dejarlo algún lugar para tomar las lecturas. El paquete de baterías está configurado para ser leído en una entrada de ADC para que pueda ver cómo lo está haciendo. Encontrar esta configuración funciona muy bien para la investigación inicial y pude hacer un instructable sobre si hay interés. Me avisan en los comentarios si quieres...

Artículos Relacionados

Codificación del navegador Web para Windows 10 IOT en frambuesa PI 2

Codificación del navegador Web para Windows 10 IOT en frambuesa PI 2

Según el el video tutorial tendría que Descargar Visual estudios 2015 comunidadhttps://dev.Windows.com/en-us/downloadsPaso 1: Veamos el código deEl código de este ejemplo es bastante simple:Un control incrustado webviewCuadro de texto como barra de d
Utilizando el botón base de chispa y conexión a internet para hacer un pequeño ventilador inalámbrico!

Utilizando el botón base de chispa y conexión a internet para hacer un pequeño ventilador inalámbrico!

Vamos a hacer un pequeño ventilador que usted será capaz de controlar con cualquier dispositivo inalámbrico!Paso 1: materiales-Núcleo chispa-Botón de Internet chispa-Alambre-Motor ventilador-USB cablePaso 2: Conecte su núcleo en el botón de internet.
Registro de datos con la base de chispa + Plotly

Registro de datos con la base de chispa + Plotly

El núcleo de la chispa, es muy fácil de conectar su proyecto a Internet de las cosas. Usted puede utilizar casi cualquier sensor que funciona con un Arduino viejo regular y automáticamente enviarlo a la nube. Pero ¿qué hacer después de que sus datos
Chispa-e - A base de chispa + Touch OSC controlado conversión de robot de juguete Wall-e

Chispa-e - A base de chispa + Touch OSC controlado conversión de robot de juguete Wall-e

Cuando se trata de lindos robots, el robot de instructables están en la parte superior de la lista, obviamente, el segundo más famoso tiene que ser Wall-e de Pixar. ¿Quién no quiere uno de estos pequeños compañeros corriendo alrededor de su casa limp
Monitor de planta base de chispa

Monitor de planta base de chispa

Usando una chispa para controlar nivel del agua y tweet el nivel actualFondo:Contamos con una planta que constantemente sufre una sequía localizada – ser tranquila significa que tiende a conseguir ignorado y termina seco sobre una base regular.Por ne
Núcleo/fotón parte 2 - conexión de la nube de la chispa

Núcleo/fotón parte 2 - conexión de la nube de la chispa

Este instructable fue creado como parte de la noche de construir Instructables con Spark.io en MakeICT.Este es el segundo instructivo en la serie del núcleo de la chispa. Aquí es el primero.Spark.IO ha anunciado el nuevo fotón de chispa que es un pre
Establecer la Página principal del navegador en Internet Explorer

Establecer la Página principal del navegador en Internet Explorer

este vídeo ofrece todos los pasos para el sistema tu página de inicio del navegador de internet explorer. Puede aplicar estos pasos en todos los populares navegador como mozila firefox, google chrome, apple safari etc.
Automatizar las luces de inicio del navegador web con Esp8266

Automatizar las luces de inicio del navegador web con Esp8266

Desea controlar las luces eléctricas en su casa desde su navegador de Internet menos de $20. Completé este proyecto bajo $20, utilicé esp12 esp8266 de ai-pensador que cuesta $5, luces de un módulo de relé $5, $5, otro equipo de $5.Más sobre este proy
Colgante de la lámpara solar del jardín base

Colgante de la lámpara solar del jardín base

nuestro modelo adolescente temprano, mostrando su colgante con luz noche base lámpara solar del jardín! Estos look muy atractivos y alcance existe para que niños hacer un lote y venderlos como "lámparas solares moda" etc.. Una pequeña ganancia p
¿Sensor de amp de mosquetón CA $2 (también conocido como actual transductor, sensor de CT, metro del amperio, fractura base pinza amperímetro)

¿Sensor de amp de mosquetón CA $2 (también conocido como actual transductor, sensor de CT, metro del amperio, fractura base pinza amperímetro)

impresionado por la utilidad de los sensores de corriente AC pero puesto apagado por los precios? ¡Yo también! Así que decidí hacer uno.  La compra de un nuevo split-core transductores sus costes corrientes de alrededor de $25. Aquí es una opción de
Cómo cambiar una página web dentro del navegador web Google Chrome

Cómo cambiar una página web dentro del navegador web Google Chrome

este instructable le mostrará cómo cambiar una página web usando el navegador Chrome.Todo lo que necesitas es el navegador de Google Chrome y un ordenador.Paso 1: Abra una página web Abra el navegador de Google Chrome y abrir cualquier página web que
Importar favoritos del navegador a Microsoft borde

Importar favoritos del navegador a Microsoft borde

El navegador Firefox tiene algunos problemas con el reproductor de flash que se caiga. Actualizaciones de flash player no parecen estar ayudando. Ya que es algo dentro de Firefox, parece que quería probar otro navegador. Con la nueva instalación de w
Construir un semi inteligente, bricolaje del barco con Arduino y algunos otros sensores

Construir un semi inteligente, bricolaje del barco con Arduino y algunos otros sensores

esto de base para la construcción de un barco de la botella de agua, con algunas adiciones para la evitación del obstáculo y guiada por la luz de control. Utilizar Arduino como un microcontrolador, un sensor de ultrasonidos en el frente, unos simples
Medición de la velocidad del sonido con Arduino microcontrolador y un sensor ultrasónico

Medición de la velocidad del sonido con Arduino microcontrolador y un sensor ultrasónico

Mi hija de 6 años, Samatha, muestra cómo medir la velocidad del sonido en el aire con el microcontrolador de Arduino Uno y sensor ultrasónico.Creo que esto es un buen proyecto para que los niños quedan expuestos a la ciencia, ingeniería y matemáticas