ESP8266을 사용하여
IoT 연습 중인데
의외로 W3 등 웹 관련
내용이 많고
자동으로 할때 JSON, jQuery, AJAX등
새로운 내용이 많이 나와 정리해 둔다...
그래픽으로 Active 하게 웹페이지를
표시하는데 사용되는 jQuery를 노트해 둔다.
홈페이지
https://plugins.jquery.com/tag/input/
다양항 플러그인 들을 사용하면 좋은 서버 구축 가능!!!
ESP8266에 설치된 서버와 핸폰으로 연결해서
ESP모듈에 연결된 LED의 광도를 조정한다
PWM 제어
소스 : https://circuits4you.com/2018/03/10/esp8266-jquery-and-ajax-web-server/
프러그인이 많이 제공된다. (https://plugins.jquery.com/tag/input/)
ESP8266 모듈의 SPIFFS에 올라가는 index.html 화일 내용
- 필요한 모듈 넣기 (기본인 "jquery.min.js" 와 모듈인 "knob.js")
- 모듈의 필요치수 넣기
- 어떤 event 에서 작동할 지 결정하고 내용 넣기
ESP8266 모듈의 SPIFFS에 올린 첨부화일들
jQuery 모듈 중 이번에 사용된 플러그인
jQuery Knob
Nice, downward compatible, touchable, jQuery dial.
첨부된 readme.txt에 있는 사용법 설명내용
사용법 계속 - 범위 및 모양
사용법 계속 - 어떤 event에서 멀 할까 : 여기선 값 변경시 그래프 갱신
'IoT_ESP8266' 카테고리의 다른 글
| ESp-01 : 두개의 다이얼 제어 (0) | 2019.01.16 |
|---|---|
| ESP-01 : 서버와 데이터 주고 받기 정리 (0) | 2019.01.14 |
| ESP8266 - AP mode로 LED 원격제어 (0) | 2019.01.08 |
| ESP8266 - SPIFFS 이해 및 사용 (0) | 2019.01.03 |
| ESp-01 : 원격 TV ON/OFF 리모콘 제어 (1) | 2019.01.02 |
DIYworld