2014년 11월 18일 화요일

Note8 - WebServer controlled LED DEMO.

ArduinoNote List-page
PREVIOUS: Note7 - WebServer controlled LED

Web Server controlled LED Demo



Web Client(Web-browser)를 이용하여 아래와 같이 Web Server(Arduino)에 접속하여 LED Monitoring과 Remote-Control를 해보자


  • Web-browser의 주소란에 Arduino Board의 IP address와 "/index.htm"입력

    192.168.77.177/index.htm (IP address는 Sketch에서 설정한 값을 이용함)



    • index.htm page : LED Status와 Form을 확인 할 수 있다.

    • index.htm의 Source(HTML)보기: Web-server에서 Generate된 HTML를 확인 할 수 있다.

    • index.htm:WireShark를 이용한 Web-server와 Web Client간의 Message교환
      빨간색 : Web-Client가 GET을 이용하여 Web-page를 요청
      파란색 : Web-Server가 "HTTP/1.1 200 OK~"와 Web-page를 Respones함

    • LED ON submit Web-page: LED Status와 "led.cgi/status=1"를 확인 할 수 있다.

    • LED ON submit Web-page: Source보기

    • LED ON submit Web-page: WireShark를 이용한 Web-server와 Web Client간의 Message교환
      빨간색 : Web-Client가 GET을 "/led.cgi?status=1"를 이용하여 LED ON을 요청
      파란색 : Web-Server가 "HTTP/1.1 200 OK~"와 LED Status를 Respones함


    • LED OFF submit Web-page: LED Status와 "led.cgi/status=1"를 확인 할 수 있다.


    • LED OFF submit Web-page: Source보기

    • LED OFF submit Web-page:WireShark를 이용한 Web-server와 Web Client간의 Message교환
      빨간색 : Web-Client가 GET을 "/led.cgi?status=0"를 이용하여 LED OFF을 요청
      파란색 : Web-Server가 "HTTP/1.1 200 OK~"와 LED Status를 Respones함


  • Link:Wireshark

    "Wireshark is a network protocol analyzer for Unix and Windows"
    쉽게 말해 Packet Capture Program!




NEXT : Note9 - WebServer controlled LED Sketch