Paso 2: El servidor Web cliente
El cliente de servidor de web es la parte que comunica con el servidor web. También es la interfaz con la que vamos a interactuar. Puede ejecutar en el navegador de su computadora, o subir como una aplicación web.
Descargar el archivo index.html desde aquí[editar aquí]
Escribí este simple archivo HTML en el IDE de XDK de Intel. Es similar a diferencia del teléfono, donde usted puede diseñar aplicaciones usando HTML5/Javascript para hacer aplicaciones de híbrido en la mayoría de las plataformas de smartphone. Sin embargo aquí no construyo una aplicación independiente. Obtener más información sobre XDK aquí. También hay un sabor de las cosas?, para aquellos que deseen utilizar Node.JS etc..
Puede utilizar su editor de texto preferido para editar la secuencia de comandos de html. Prefiero xdi porque soy un principiante y le da consejos al escribir códigos.
NOTA
Si ejecutar el esp conectado a la red o como un punto de acceso, el cliente de servidor de web debe ejecutarse en el ordenador/smartphone conectado a red como ESP.
El código explicado
En primer lugar, tenemos que introducir la dirección ip del servidor web en el marcador de posición de texto de entrada. La ip puede obtenerse monitor serial cuando esp ejecuta código de bosquejo o usted puede encontrar desde tu router. Si se ejecuta esp8266 como punto de acceso, la ip es 192.168.4.1. Cuando lo conecto a mi red local, ip de esp es 192.168.1.100. Así que debo introducir:
WS://192.168.1.100:81/
o si ejecuto acceso punto, ws://192.168.4.1:81/
el 81 es el puerto que escucha el servidor.
Hay dos botones: indicador LED parpadeará y restablecer. Envía a Blink led "LED" cuando presiona y reset led envía RESET". Estas cadenas son interpretadas por código que escribimos en el dibujo y parpadea led 13 o reajustes pin LED todos los valores en consecuencia.
Hay 3 deslizadores, cada uno con valor mínimo 0 y máximo 255. Cada control deslizante R, G, B envía respectivamente los valores x, y, z que es recibido por el servidor de la web de esp y se convierte por consiguiente valor de LED rojo, verde o azul.
Si está usando al cliente de un smartphone, también puedes cambiar el valor de pin usando el acelerómetro del teléfono. sin embargo, esto podría no funcionar en todos los navegadores de teléfono inteligente.
He incluido esta característica para ilustrar el uso de sensores ya en smartphones.
En mi anterior proyecto, ya descrito el uso de GPS, enviar valor de smartphone especialmente aquí
Sensores de
Usted puede escribir su propio código para utilizar los sensores del smartphone.
Aquí utilicé la DeviceOrientationEvent. Puede utilizar navigator.geolocation para valores GPS.
Para más información Lee aquí https://developer.mozilla.org/en-US/docs/Web/API/D...
Los botones junto a cada nombre de eje cuando hace clic en comienza escuchando al cambio en la orientación del dispositivo.
El botón de radio junto a él envía el valor a esp8266.
Aplicación Web
También puedes subir el index html como aplicación web y acceder desde un smartphone conectado a red como esp8266.
Aquí es un ejemplo. http://rahul2704.github.IO
Para obtener instrucciones sobre cómo configurarlo, principal hasta aquí, es muy fácil
