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

 

 

 

 

 


신고

 

Loopback_FRDM-KL25Z_Eclipse GitHub Tutorial

목차:

1.     ioLibrary repository 생성하기

2.     Loopback_FRDM-KL25Z_Eclipse repository 생성하기

3.     ioLibrary submodule 추가하기

4.     Eclipse에서 import 하기

 

1. ioLibrary repository 생성하기

-. GitHub 사이트에 회원 가입을 한다. (참조 https://github.com )

-. WindowsGitHub를 설치한다. (참조 https://windows.github.com )

-. WindowsGitHub를 실행한다.

-. 좌측 상단의 + 부분의 Create를 선택 후 Name/Local path를 입력한다.

-. 우측 상단이 Publish Repository를 선택한다.

-. Name/Description을 입력 후 Wiznet 선택 및 Publish 한다.

-. GitHub에서 생성된 ioLibrary_Driver를 확인한다.

-. 준비된 소스를 local github에 복사한다.

-. WindowsGitHub에서 Commit to master를 선택한다.

-. GitHub에서 Push된 소스를 확인 후 README 파일을 작성한다.

-. GitHub 커맨드라인에서 tag 작업을 진행 후 확인한다.

2. Loopback_FRDM-KL25Z_Eclipse repository 생성하기

-. ioLibrary repository 생성하기와 같은 방식으로 진행한다.

3. ioLibrary submodule 추가하기

-. Git submodule add git@github.com:Wiznet/ioLibrary_Driver.git src/ioLibrary 명령을 사용하여 ioLibrary를 프로젝트에 추가한다.

-. README 파일을 작성한다.

-. GitHub 커맨드라인에서 tag 작업을 진행 후 확인한다.

4. Eclipse에서 import 하기

-. Eclipse에서 다음을 참조하여 import 후 컴파일 결과를 확인한다.

 

<소스 참조>

https://github.com/Wiznet/Loopback_FRDM-KL25Z_Eclipse

 

 

 

 

 

신고

FRDM-KL25Z(Freescale)+WIZ550io(WIZnet)+mbed Tutorial UCC

-. YouTube 동영상입니다.

 

 

 

신고
  1. Andrew 2014.11.01 23:39 신고

    WoW 정말 좋은 자료이네요~~^^

+ Recent posts