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