W5500-EVB 활용 웹서버 구현하기 1Tutorial

목차:

1.     W5500 chip 소개

2.     ioLibrary 소개

3.     W5500-EVB 소개

4.     LPCXpresso 개발환경 셋업

5.     W5500-EVB Loopback 예제 실습

6.     Flash Magic 사용법 실습

7.     HTTP 소개

8.     LPCXpresso WTP, Tomcat 설치하기

9.     HTTP GET, POST 예제 실습

 

1. W5500 chip 소개

2. ioLibrary 소개

3. W5500-EVB 소개

-. W5500 chip, ioLibrary, W5500-EVB 소개 부분은 11월 강의 중 “W5500으로 이더넷 구현하기의 강의노트로 대체합니다.

http://wiznetacademy.com/wp/wp-content/uploads/2014/11/w5500으로_이더넷_구현하기.pdf

4. LPCXpresso 개발환경 셋업

-. LPCXpressoNXP사에서 지원하는 개발 IDE입니다. LPCXpresso 설치에 대한 내용은 WIZnet 연구원 Raphael님의 블로그를 참조 부탁 드립니다.

http://xeon011.tistory.com/147

 

5. W5500-EVB Loopback 예제 실습

-. GitHub에서 Loopback_LPC11E36_LPCXpresso 프로젝트를 검색 후 소스를 다운로드 한다. 

 

-. LPCXpresso를 실행 후 import로 프로젝트를 가져온다.

 

 

 

-. 먼저 lpc_chip_11exx, wznet_evb_w5500evb_board 프로젝틀 컴파일 한다.

 

 -. GitHub ioLibrary 파일을 다운로드 후 Loopback 프로젝트에 추가한다.

 

-. 프로젝트에서 우클릭 후 Refresh 한다.

-. Loopback 프로젝트를 컴파일 후 결과를 확인한다.

 6. Flash Magic 사용법 실습

-. Flash MagicNXP사에서 지원하는 flash programming tool입니다. Flash Magic 설치에 대한 내용은 WIZnet 연구원 Sam님의 블로그를 참조 부탁 드립니다.

http://blog.cahg.org/wp/?p=137

-. Flash Magic을 실행 후 W5500-EVB 보드에 USB 케이블을 연결한다.

-. ISP 버튼을 누른 상태에서 Reset 버튼을 눌러서 다운로드 받을 수 있는 상태로 만든다.

-. COM Port, Baud Rate, Interface, Hex File path를 그림과 같이 셋팅 한다.

 -. Start를 선택해서 FW를 다운로드 한다.

 

-. Reset 버튼을 누른 후 LED 정상 동작을 확인한다.

7. HTTP 소개

HTTP (HyperText Transfer Protocol)

-. 애플리케이션 계층의 웹 서비스를 위한 프로토콜

-. HTTP는 일반적으로 두 가지 프로그램으로 구현 (Client/Server 프로그램)

-. HTTP 메시지를 주고 받으며 통신

-. 참조 사이트

http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol

http://en.wikipedia.org/wiki/OSI_model

http://www.w3.org/Protocols/Specs.html

http://www.tutorialspoint.com/http/index.htm

-. 모델


-. 구조

-. 패킷 분석



 8. LPCXpresso WTP, Tomcat 설치하기

-. 사용하고자 하는 Tomcat 버전을 다운로드 해서 적당한 위치에 압축을 푼다. (참조 http://tomcat.apache.org )

-. LPCXpresso를 실행한다.

 

 -. 메뉴>Help>Install New Software…를 선택한다.

 -. Work with path에서 Eclipse Luna update site를 선택한다.

 -. 하단의 Web, XML, Java EE and OSGi Enterprise Development를 선택 후 설치를 진행한다.

 -. 메뉴>Help>Installation Details에서 Eclipse WTP 설치를 확인한다.

 -. 메뉴>File>New>Project>Web>Dynamic Web Project를 선택한다.

 -. Project name을 입력 후 New Runtime을 선택해서 사용하고자 하는 Tomcat의 버전을 선택한다.

 -. Finish를 선택한다.

 

 -. 메뉴>File>New>Other…>Server>Server를 선택하고 사용하고자 하는 Tomcat의 버전을 선택한다.

 

 -. Add를 선택해서 Tomcat installation directory를 맞춘다.

 -. Finish를 선택 후 Serverstart 시킨다.

 -. test 프로젝트에서 우클릭 후 New>HTML File을 선택한 후 Finish 진행한다.

 -. title, body를 입력 후 Run As>Run on server html 파일을 실행한다.

 

 

 

 9. HTTP GET, POST 예제 실습

-. 메뉴>Window>Show View>Other…>Debug>TCP/IP Monitor를 선택한다.

-. 메뉴>Window>Preferences>Run/Debug>TCP/IP Monitor에서 Add 한 후 Start 시킨다.

-. get.html, get.jsp 파일을 생성한 후 TCP/IP Monitor를 이용하여 http 메시지를 확인한다.

-. post.html, post.jsp 파일을 생성한 후 TCP/IP Monitor를 이용하여 http 메시지를 확인한다.

 

<소스 참조>

http_examples.zip

 

 

 

 

 


신고

+ Recent posts