jQuery 사용하기

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

3833

WATCHERS

 

914

FORKS

Nice, downward compatible, touchable, jQuery dial.

첨부된 readme.txt에 있는 사용법 설명내용

사용법 계속 - 범위 및 모양

사용법 계속 - 어떤 event에서 멀 할까 : 여기선 값 변경시 그래프 갱신