태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
밤하늘의 실제별, 나도 가질 수 있다?!

[Flex/AIR] BlazeDS 길들이기. Flex Builder, Tomcat, Eclipse 환경에서 적응해보자.

2008/09/05 15:37

 

[공지]이미지나 링크가 깨졌다면 댓글 부탁드립니다.

이 글을 보시기 전에....

이 글은 Flex는 해봤지만 Server사이드 언어로써 PHP, ASP외에 Java 기반에서 경험이 없는 사람을 위한 글이다. 본인도 Java에는 능통하지 않기 때문에 서버환경부터 개발환경까지 익숙해지고자 이와 같은 글을 포스팅하는 것이다.

Flex는 기업솔루션언어로써 서버사이드 기술로 Java와 밀접하게 관련되어 있다. Flex가 단순히 UI만 제공하는 것이라면 반쪽짜리 가치밖에 안된다고 생각한다. LCDS나 CF등의 서버사이드 기술과 밀접하게 연관되어 사용자로 하여금 ActiveX 못지않은 다양한 RIA기술을 보여줄때 그 가치를 100% 다한다고 생각한다.

이 글은 Java를 접하지 못하거나 익숙하지 않은 사람들에게 Java개발 및 서버환경에 대한 입문의 턱을 낮춰드림으로 좀더 J2EE 기반 서버사이드 개발환경에 적응하는데 도움을 주는 것을 목표로 한다.

당부하는 것은 글 전체를 전부 스크랩하는 것을 허용하지 않는다.



 1. BlazeDS 사용해보기
2. BlazeDS 길들이기. Flex Builder, Tomcat, Editplus를 이용하자.
3. BlazeDS 길들이기. Flex Builder, Tomcat, Eclipse 환경에 적응해보자.

---------------------------------------------------------------------------------------
BlazeDS에 대해서 계속 글을 적어나가는 중이다.
앞서 다음과 같은 글을 포스팅 했었다.

1. BlazeDS 사용해보기
2. BlazeDS 길들이기. Flex Builder, Tomcat, Editplus를 이용하자.

위 두개 글이면 BlazeDS에 대한 대략적인 환경구성 및 사용방법에 대해서 학습할 수 있다.
이번에는 Editplus로 자바코딩을 하는게 아닌 Eclipse라는 개발툴을 이용해서 하려고 한다.
실무에서 상당히 많이 쓰이는 툴이기 때문에 Eclipse에 적응해두는게 좋겠다.

Eclipse 환경에서 BlazeDS를 학습하기 위해 2가지 개발환경을 꾸밀 수 있다.

1. Eclipse와 Flex Builder 이용하여 개발
2. Eclipse안에 Flex Builder Plug in 설치하여 개발


1번의 경우 Java개발툴과 Flex 개발툴을 따로 만들어 작업하는 것이다. 주로 Flex개발자와 Java개발자가 다를때 이 방법을 쓰면 무난할 듯 보인다. 2번의 경우 Eclipse안에 Flex Builder Plug in이 설치되므로 Eclipse 하나로 Java, Flex 개발을 동시에 할 수 있는 장점이 있겠다.

여기서는 1번 방법으로 설명하겠다.

Eclipse 환경을 구축하고 활용하는 방법을 소개하고 BlazeDS를 어떻게 Eclipse에서 사용할 수 있는가 소개한다. 더불어 Flex Builder Plug in을 설치하여 개발하는 것까지 소개하겠다.

1. Eclipse 환경 구축하기

Eclipse환경에서 작업하기 위해 다음과 같은 과정이 필요하다.
참고로 여기서 사용하는 Eclipse는 3.4 가니메데 버전이다. 기존에 3.3 유로파 버전을 사용하는 것과 설정방법이 약간씩 다르니 참고바란다.

1.1 JDK와 Tomcat 설치
1.2 Eclipse 설치
1.3 필요한 Plug in 설치
1.4 Eclipse 환경설정


1.1 JDK와 Tomcat 설치

"BlazeDS 길들이기. Flex Builder, Tomcat, Editplus를 이용하자."을 참고하자.

1.2 Eclipse 설치

아래 이미지와 같이 Eclipse 다운로드 페이지(http://eclipse.org/download) 페이지로 가서 Eclipse IDE for Java EE Developers를 받는다. 이것은 Java와 Java Enterprise Edition을 이용한 웹애플리케이션(web application)을 만들기 위한 개발툴이다. 한마디로 Java를 이용해 웹용 개발을 하기 위해 이것을 다운로드 받으면 된다. 이 글을 쓰는 시점 Eclipse의 버전은 3.4 Ganymede이다.


사용자 삽입 이미지

Eclipse 다운로드 페이지 http://eclipse.org/download

Eclipse 3.4버전에 Flex Builder plugin을 설치할 때는 반드시 Flex Builder 3.0.1 이상의 버전을 가지는 plug in을 설치하길 바란다. 3.0.1이상부터 Eclipse 3.4를 지원해주기 때문이다.
참고문서 :
http://www.adobe.com/devnet/flex/articles/sdk3_fb301.html
(2008.9.4 현재)


다운로드 받은뒤 압축을 풀면 그 안에 eclipse 폴더가 있다.  eclipse는 설치를 안해도 바로 실행이 가능하다.
그러므로 eclipse폴더를 원하는 곳에 복사해두는 것만으로 설치가 완료된다. 나는 아래그림과 같이 c:드라이브에 복사했다.

사용자 삽입 이미지

eclipse를 c:드라이브에 복사했다.



그리고 eclipse폴더 안에 eclipse.exe는 eclipse 실행파일이다. eclipse.exe를 바탕화면에 단축아이콘을 만들어서 사용하면 편리하겠다.

eclipse.exe를 실행한다. 실행하면 다음과 같은 화면이 나온다.


사용자 삽입 이미지


이 창은 Java프로그래밍을 할 작업공간(workspace)으로 만들 디렉토리를 설정하도록 한다. 자신이 원하는 디렉토리에 workspace를 만들면 되겠다. 본인은 c:드라이브에 blazeds_workspace 폴더를 만들어 작업공간을 확보했다. 작업공간(workspace)은 일종의 프로젝트(project) 단위를 관리하는데 쓰이는 공간이다. 작업공간안에서는 여러가지 프로젝트를 담아서 관리할 수 있다. 작업공간은 Eclipse 구동후에 언제든지 바꿀 수 있다.

작업공간을 설정후 [ok]버튼을 눌러 진행하면 다음과 같이 실행화면이 나오고 파란색의 썰렁한 화면이 나온다.

사용자 삽입 이미지

Eclipse 3.4 버전인 GANYMEDE가 실행되는 모습이다.



사용자 삽입 이미지

실행된 화면 - 좌측상단에 Java EE가 찍혀있는 것을 확인하자.


만약 Eclipse가 실행하는데 "JVM terminated. Exit code=-1" 에러가 발생하며 실행에 실패하면 Eclipse설치 폴더에 있는 eclipse.ini파일에 다음과 같이 -vm옵션을 추가하고 Xmx값을 512m으로 수정하면 되겠다.

-showsplash
org.eclipse.platform
--launcher.XXMaxPermSize
256m
-vm
C:\Program Files\Java\jdk1.6.0_07\bin\javaw.exe
-vmargs
-Xms40m
-Xmx512m

참고 : http://wiki.eclipse.org/Eclipse.ini


 

1.3 Eclipse에 플러그인 설치

몇가지 중요한 플러그 인을 설치하자.
실습에는 안쓰이지만 앞으로 쓸 가능성이 많으므로 정리해둔다.

플러그인 홈페이지 설치 및 업데이트 주소
WTP http://www.eclipse.org/webtools http://download.eclipse.org/webtools/updates
SVN http://subclipse.tigris.org/ http://subclipse.tigris.org/update_1.4.x/
SpringIDE http://springide.org http://dist.springframework.org/release/IDE
Log4E http://log4e.jayefem.de/ http://log4e.jayefem.de/update


WTP는 Web Tools Platform의 약어로 Web 및 Java EE 애플리케이션 개발을 위한 툴이다. 관련 내용은 http://oracleclub.com/article/11346 을 참고하자. Eclipse 3.4 Ganymede버전에는 WTP가 이미 내장되어 있으므로 따로 설치할 필요가 없다.

SVN(Subversion)는 CVS의 단점을 개선한 소프트웨어 버전 관리 시스템이다. 개발하다보면 소스 코드의 버전관리가 필요한데 이것을 사용하면 유용하다. SVN을 사용하려면 SVN을 운용하는 서버가 있어야 한다. 실무에서 많이 이용하므로 필요할때 설치하면 좋겠다. http://www.pyrasis.com/main/Subversion-HOWTO에서 관련내용을 공부할 수 있겠다.

SpringIDE의 가장 중요한 기능은 Spring Context파일, 즉 Spring에서 사용하는 각종 XML 파일들의 유효성검증과 자동완성이다.(http://ingenuity.egloos.com/2879905 참고), Spring Framework를 사용한다면 필수적인 플러그인이다.

Log4E는 log4j나 common-logging, JDK의 log를 간편하게 소스에 삽입해주는 기능을 가진다. System.out.printIn문을 logger.debug()로 변환해주는 기능도 있다. log4j를 이용해서 Log4E를 사용하는 방법은 http://blog.naver.com/zoom7810/50032092092 를 참고한다.

여기서는 WTP를 제외한 SVN, SprintgIDE, Log4E를 설치해보도록 하겠다.


Eclipse가 3.3 유로파 버전에서 3.4 가니메데 버전으로 업그레이드 되면서 플러그인 설치관련 UI가 좀 바뀌었다. 기존 인터넷에 있는 문서는 대부분 3.3을 기준으로 설명한 것이라 많이 혼란이 있을 수 있다는 것을 언급해두겠다.


1. Eclipse의 메뉴에서 [Help]->[Software Updates...]를 선택한다.
2. 아래와 같은 창이 뜨면 [Availabe Software] 탭을 선택한뒤 [Manage Sites...]를 선택한다.
사용자 삽입 이미지

3. 아래그림과 같이 화면이 뜨면 왼쪽에 check를 모두 끄고 [OK]버튼을 누른다.
사용자 삽입 이미지

4. [Add Site...]를 눌러 차례대로 플러그인을 다운로드 받을 수 있는 Site URL을 넣는다.
  - http://log4e.jayefem.de/update
  - http://dist.springframework.org/release/IDE ->본인이 할때는 잘 안되었다.
  - http://subclipse.tigris.org/update_1.4.x/

이 글을 쓸때는 일시적인 문제인지 몰라도 SpringIDE 플러그 인을 다운받지 못했다.
http://springide.org/blog/2008/08/01/21-with-web-flow-2-support-released/
에 방문해서 직접 zip파일을 다운받아 [Add Site...]버튼을 눌러 창이 뜨면 URL을 입력하는 대신 [Archive...] 버튼눌러 다운받은 zip파일을 가지고 플러그인을 등록할 수 있다.

Spring Framework를 이용해서 프로젝트를 진행하지 않기 때문에 일단 보류해도 무방하겠다.
여기서 중요하게 다루는 것은 어떻게 필요한 플러그인을 설치하는가를 아는 것이다.


사용자 삽입 이미지


5. 추가한 URL 유효하면 아래와 같이 설치할 수 있는 플러그인 목록이 나오게 된다.
Log4E의 경우 Eclipse 3.x이 상을 설치 하도록 했다. SVN는 Subclipse만 설치해도 무난하지만
전부 설치했다.

[Install...]버튼을 눌러 설치를 시작한다.
사용자 삽입 이미지


6. 아래처럼 설치할 플러그인 목록이 나오고 다시한번 확인후 Next를 누른다. Log3E Pro와 같이 중복된 것은 제외시켜주면 되겠다.
사용자 삽입 이미지

7. License 문서에 동의를 check한다음 [Finish]버튼을 눌러 설치한다.
사용자 삽입 이미지


설치는 몇분 걸린다. 설치가 완료되면 재실행하면 되겠다.


1.4 Eclipse 환경 설정


Eclipse환경에서 개발하기 위해 몇가지 환경설정을 할 필요가 있어서 정리한다.


환경설정 1. Eclipse JVM을 JDK로 설정

JDK를 설치하고 Eclipse를 설치하면 Eclipse는  JDK에 있는 JRE를 사용하지 않고 JDK와 설치할때 함께 설치된 JRE를 사용하게 된다.

설치된 JDK 폴더를 보면 2개의 폴더가 있을 것이다.
  - C:/Program Files/Java/jdk1.6.0_07
  - C:/Program Files/Java/jre1.6.0_07

아래그림처럼 Eclipse는 JRE의 Default 폴더로 "C:/Program Files/Java/jre1.6.0_07"를 사용한다.
Eclipse는 자체 자바 컴파일러를 내장하고 있기 때문에 JDK가 아닌 JRE만으로 자바개발환경이 된다.

사용자 삽입 이미지

하지만 문제는 JDK가 가지고 있는 자바소스 파일(src.zip)과 연동이 되지 않기 때문에 클래스 이름에 커서를 가져다 대어도 해당 클래스 설명이 나오지 않는다.  또한 Shift+F2를 누르면 나타나는 API 설명조차도 볼 수 없다. VM을 바꾸지 않고도 직접 연동이 가능하지만 여러가지 이유로(ant, JET연동등) JDK를 JRE로 사용하는 것이 좋다.

JDK를 JRE로 사용하는 방법은 다음과 같이 2가지 방법이 있다.

방법 1. eclipse -vm "C:/Program Files/Java/jdk1.6.0_07" 를 실행하는 방법
방법 2. Eclipse 메뉴에서 [Window]->[Preperence...]를 눌러 왼쪽 리스트에서 [Java]->[Installed JRES]에서 [Add...]버튼을 눌러 직접 JRE를 "C:/Program Files/Java/jdk1.6.0_07"로 설정한다.

"방법 2"의 경우 처럼 "C:/Program Files/Java/jdk1.6.0_07"를 아래 그림처럼 등록하면 해당 JRE를 자동으로 찾아와 리스트업한다. [Finish]버튼을 누르면 JRE가 등록된다.
사용자 삽입 이미지

등록된 JRE중에 Default로 방금 추가한 jdk1.6_07을 선택하면 Eclipse는 JDK에 있는 JRE를 설치된 JRE로 인식하고 동작하게 된다.
사용자 삽입 이미지


환경설정 2. 문자셋을 전부 UTF-8로 한다.

모든 파일을 문자셋을 UTF-8로 맞추는게 좋다.(우리 회사에서 그렇게 해서 통일시키고 있다.)
아래 그림처럼 General->Content Types 에 들어가 한개씩 선택해가며 Default encoding을 전부 UTF-8로 입력후 [Update]버튼을 눌러 업데이트 시키자.
사용자 삽입 이미지


환경설정 3. 런타임 환경 설정하기

실행중인 Tomcat을 중지하고 종료시켜야 한다. Tomcat자체가 프로세스로 등록되어 있지 않았다는 가정하에 진행하겠다.

1. [Window]->[Preperence....] 로 들어간다.
2. 좌측메뉴에서 [Servcer]->[Runtime Environment]를 선택하고 [Add...]버튼을 누른다.
3. Apache에서 Apache Tomcat 6.x를 선택하고 [Next...] 버튼을 누른다.
4. 아래 그림처럼 Tomcat 설치폴더를 찾아 입력하고 [Finish]를 한다.

사용자 삽입 이미지
5. [OK]버튼을 눌러 설정을 저장한다.


환경설정 4. XML파일을 Text형태로 볼 수 있게 수정

이 부분은 하지 말자. 본인이 아직 Eclipse에 익숙하지 않다보니 삽질한 것이다. 그럼에도 남겨둔 이유는 유용할 수 있기 때문이다.

열기....




2. Eclipse 환경에서 JSP 프로그램 제작해보기


어떻게 사용하는지 이제 공부해보자. 무조건 해보면서 익히는게 좋다. 백문의 불여일타!!!!

새로운 프로젝트를 만들어보자.
[File]->[New]->[Other]를 선택한다. 그리고 아래 그림처럼 [Web]에서 Dynamic Web Project를 선택후 [Next]버튼을 누른다.

사용자 삽입 이미지

Web Project 만들기


웹프로젝트를 만들기 위해 Project name으로 FirstProject를 만들고 [Finish]을 누르면 되겠다.
사용자 삽입 이미지

FirstProject 프로젝트 만들기



우리는 앞서 c:\blazeds_workspace에 작업공간을 설정했기 때문에 금방 제작한 프로젝트인 FirstProject가 이 안에 들어와 있는 것을 알 수 있다. 또한 이것이 하나의 웹애플리케이션이기 때문에 WEB-INF, web.xml 등이 있다는 것을 또한 확인할 수 있겠다.
사용자 삽입 이미지

작업공간(workspace)안에 만들어진 프로젝트



Welcome 창을 닫거나 더블클릭해서 작게 한다.
사용자 삽입 이미지

그럼 아래와 같처럼 지금 만든 Java EE환경의 Perspective가 보이고 새로 만들 프로젝트든 Project Explorer에서 볼 수 있다.

사용자 삽입 이미지

새로 만들어진 Project


JSP 코드를 만들어 보겠다.
WebContent에 오른쪽버튼을 눌러 New->JSP를 선택한다.

사용자 삽입 이미지

JSP 코드 만들기


아래처럼 JSP파일의 이름을 test로 하겠다. 이렇게 입력하면 WebContent폴더에 test.jsp가 생성된다.

사용자 삽입 이미지

JSP를 WebContent에 만들기

다음을 누르면 JSP 템플릿을 선택할 수 있다. 기본으로 선택된 HTML 템플릿을 선택하고 [Finish]하자.

사용자 삽입 이미지

WebContent에 만들어진 test.jsp의 <body>태그 내부에 아래와 같이 JSP 코드를 넣는다. 그리고 ctrl+S 를 눌러 저장한다.

사용자 삽입 이미지

저장후에는 Eclipse는 자동으로 JSP파일을 컴파일하는데 만약 JSP에 이상이 있다면 아래 그림처럼 Problems탭에 에러메시지를 출력해준다.
사용자 삽입 이미지


이제 구동시킬 Server를 등록하자.
아래 그림처럼 Server 탭을 선택하고 바탕위에 마우스 오른쪽 버튼을 눌러 New->Server를 하자.
사용자 삽입 이미지


아래 처럼 Tomcat v6.0 서버를 선택하고 Next를 누른다.
사용자 삽입 이미지

Available projects에 프로젝트(FirstProject)가 있다면 선택후 Add> 버튼을 눌러 Configured projects에 등록한다.
그리고 [Finish]버튼을 눌러 서버를 등록하고 서버에 프로젝트까지 등록하는 것을 완성한다.

사용자 삽입 이미지

아래 그림처럼 "Start the server" 버튼()을 눌러 서버를 실행한다.
주의할 사항은 반드시 Tomcat이 프로세스로 등록되어 있지 않은 상태에서 이 작업을 해야한다는 것이다.
사용자 삽입 이미지

이제 http://localhost:포트번호/프로젝트명/만든JSP  형태로 접근이 가능하겠다.

사용자 삽입 이미지

Eclipse환경을 통해 Tomcat 서버를 구동하고 제작한 Project를 Tomcat에 웹애플리케이션으로 등록하여 성공적으로 jsp를 실행시켜봤다.

Eclipse를 이용하면 좋은 것이 Debuging을 할 수 있다는 것이다.
실습해보겠다. 위의 Server 탭에서 "start the server in debug mode"()를 클릭하면 Debug모드에서 만들어진 웹애플리케이션이 동작하게 된다. 이 상태에서  우리가 만든 test.jsp에 11번째 줄 왼쪽부분에 두번클릭해서 o모양의 breakpoint를 설정한다.

사용자 삽입 이미지

breakpoint를 설정한 상태에서 http://localhost:포트번호/프로젝트명/test.jsp 로 접근해보자.
Eclipse는 Debug 모드에서 서버를 구동했기 때문에 접근한 페이지가 실행될 때 breakpoint를 설정한 부분을 만나면 아래와 같이 Java EE perspective 모드에서 Debug perspective 모드로 바뀌면서 breakpoint에서 멈춘다.
사용자 삽입 이미지

Flex Builder에서 하는 것과 별반 다를 것없다는 것을 알 수 있을것이다. Flex Builder가 Eclipse로 만들었으니 어찌보면 당연한 것이다.

JSP, Servlet 개발 방법은 시중에 있는 책을 구입해서 실습해보길 바란다.




3. BlazeDS를 Eclipse에 추가하기


나는 "BlazeDS 길들이기. Flex Builder, Tomcat, Editplus를 이용하자."에서 BlazeDS를 사용하기 위해 blazeds.war파일을 Tomcat 설치폴더의 webapps에 복사하거나 압축을 풀어서 붙여놓으면 된다고 언급했었다.

blazeDS는 WAR파일로 배포되어 하나의 웹애플리케이션으로써 WAS인 Tomcat(엄밀하게는 JSP/Sevlet 컨테이너 구현체)에 구동될 수 있다. Eclipse J2EE 버전은 이런 웹애플리케이션을 workspace내에 프로젝트로 등록을 하고 이 프로젝트를 WAS에 추가해 동작할 수 있도록 환경을 제공해준다.

설명할 내용은 blazeDS뿐 아니라 LCDS나 다른 WAR로 배포되는 모든 웹애플리케이션에도 적용되는 일반적인 방법이다.

그럼 BlazeDS를 Eclipse 개발툴 환경에서 사용해보자.

1. [File]->[Import...]를 선택한다.
2. 아래 그림처럼 Web의 WAR file을 선택한다. 이 방법이 외부의 WAR로 압축된 웹애플리케이션을 자신의 workspace에 등록하는 것이다. [Next]버튼을 누른다.

사용자 삽입 이미지

3. blazeds.war파일을 아래그림처럼 선택하여 Web project의 이름을 적는다. 프로젝트 이름은 아무거나 해도 되지만 여기서는 그냥 blazeds로 하겠다. Target runtime은 Tomcat v6.0으로 그대로 놓으면 되겠다. [Next] 버튼을 클릭한다.
사용자 삽입 이미지

4. 사용하지 않을 라이브러리 jar를 선택한다. 목록화된 jar파일들은 blazeds에 포함된 것으로 check하고 [Finish]버튼을 누르면 WEB-INF/lib 디렉토리에 jar이 포함되지 않는다. 기본적으로는 그냥 [Finish]하면 되겠다.  그럼blazeds.war를 workspace에 project로 추가가 된다.

사용자 삽입 이미지


Project Explorer를 보면 BlazeDS 웹애플리케이션이 workspace에 추가된 것을 알 수 있다.
프로젝트 명이 blazeds로 설정되어 있다.
사용자 삽입 이미지

5. RemoteObject를 이용한 RPC 통신 설정을 해보겠다.  
remoting-config.xml을 열어서 아래처럼 destination을 설정한다. 아래부분에 design 모드라면 source모드 버튼을  클릭해야 소스를 볼 수 있다.
사용자 삽입 이미지

여기서 services-config.xml에 channel로 my-amf가 등록되어 있는 것도 확인하자.

6. Java Class를 추가한다.
Memeber.java와 JidolstarTest.java를 만들려고 한다.

아래 그림처럼 WebContent의 WEB-INF안에 src에 오른쪽 버튼을 눌러 New->Class를 선택한다.

사용자 삽입 이미지

아래 그림처럼 Member Class를 추가하겠다. package는 com.jidolstar로 설정한다.
사용자 삽입 이미지


Member.java에 다음과 같이 코딩한다.
사용자 삽입 이미지

같은 방법으로 JidolstarTest.java를 만들고 아래와 같이 코딩한다.
사용자 삽입 이미지

BlazeDS쪽 설정 및 Java Bean 코딩은 모두 완료되었다.

7. 서버구동

서버를 구동하기 전에 방금 만든 프로젝트인 blazeds를 Tomat에 웹애플리케이션으로 연동되어 질 수 있도록 설정해야한다. 아래 그림처럼 Servers 탭에 이미 만들어진 Tomcat 서버에 오른쪽 마우스를 눌러 "Add and Remove Projects"를 선택하여 이러한 과정을 진행할 수 있다.

사용자 삽입 이미지

FirstProject를 [<Remove]버튼으로 Available projects로 넘기고 방금 만든 프로젝트인 blazeds를 [Add>]버튼으로 Configured projects로 등록한다. 물론 FirstProject를 웹애플리케이션으로 사용해도 되지만 지금은 필요없으므로 이렇게 처리한다. 그런 다음 [Finish]버튼을 누른다.
사용자 삽입 이미지

Servers 탭의 "Start the server" 버튼() 눌러 서버를 구동하자. Tomcat서버가 구동되면서 방금 등록시킨 웹애플리케이션인 blazeds를 Tomcat에 등록하게 된다.

이제 Flex Builder에서 RemoteObject Test프로그램을 만들어보자.


8. Flex 프로그램 제작



Flex Builder를 실행시켜 새로운 프로젝트로 RemoteObjectTest를 만든다. J2EE 서버기술을 이용하므로 Server Technoloy에 J2EE를 선택한다.

사용자 삽입 이미지


아래그림처럼 blazeds프로젝트의 Root 폴더와 Root URL, Context root를 설정한 뒤 [Validate Configuration]을 누른다. 맨 아래 Flex 프로그램의 Output folder는 blazeds 프로젝트의 WebContent아래 위치하게 된다.
사용자 삽입 이미지


[Validate Configuration]누를때 "Cannot access the web server. The server may not be running, or the web root folder or root URL may be invalid." 라는 메시지가 나왔다. config 설정은 맞지만 웹서버 액세스가 제대로 안된다는 메시지인데 무시하고 넘어가도 문제없이 구동되긴 한다. 그런데 본인도 해경방법과 문제점을 아직 못밝혔다.

아래와 같이 코딩을 하고 실행하자.
사용자 삽입 이미지

아마 처음 실행하면 404 에러가 뜨면서 페이지를 보여줄 수 없다고 나온다.
이때는 Eclipse의 blazeds프로젝트를 선택하고 F5를 눌러보고 다시 Flex를 실행해보면 되겠다.
Flex 프로그램을 고치고 나서도 예전것이 고쳐지지 않는 경우도 같은 방법으로 대응한다.
왜 이렇게 귀찮게 해야하는지 Eclipse설정에서 뭔가 알아서 등록해주는 설정이 없을까 궁금하다.

아래는 정상적으로 실행했을때 실행화면이다.
사용자 삽입 이미지



4. Flex Builder 3 Professional Eclipse Plug in 설치

이 부분에 대해서 하다가 그만 두었다. 제대로 설치도 안되는데다가 실행시 이상한 점도 많아서였다. 깔끔하게 문제를 해결한 뒤에 다시 글을 적는 방향으로 하겠다.

열기...




정리하며...

Eclipse에 BlazeDS를 프로젝트로 등록하여 여러가지 환경에서 적용을 시도해봤다.
이 글은 완성된 문서는 아니지만 BlazeDS를 Eclipse에서 어떻게 개발할 수 있는가 디딤돌 역할은 할 수 있다고 생각한다.

이제는 개발환경 위주보다는 각종 예제를 중심으로 글을 써보도록 하겠다.
 

참고내용


BlazeDS 사용해보기 : http://blog.jidolstar.com/362 
BlazeDS 길들이기. Flex Builder, Tomcat, Editplus를 이용하자. : http://blog.jidolstar.com/363
BlazeDS 공식페이지 : http://opensource.adobe.com/blazeds 
BlazeDS 개발자 가이드 : http://livedocs.adobe.com/blazeds/1/blazeds_devguide/
Flex Data Services 2에서 RPC 서비스 사용 : http://www.adobe.com/kr/devnet/flex/articles/rpc_service.html
Flex Builder 3 Professional Eclipse Plug in 설치 :  http://www.adobe.com/cfusion/entitlement/index.cfm?e=flex3email 
Eclise 공식 페이지 : http://eclipse.org/download

글쓴이 : 지돌스타(http://blog.jidolstar.com/365)
크리에이티브 커먼즈 라이선스
Creative Commons License

Adobe Flash Platform , , , , , , , ,

Trackback 주소: http://blog.jidolstar.com/trackback/365
  1. 2008/11/13 23:05
    살라딘의 생각 Tracked from saladin's me2DAY
  1. 다음 글 왕 기대중이에요.. 아시죠? ㅎㅎ

  2. ㅎㅎㅎ 감사~

  3. 정말 부지런하시네요. 다음 글 기대하겠습니다. 좋은 하루 되세요^^

  4. 부족합니다. 더 열심히 해야죠 ^^

  5. 누가 통째로 긁어가신 분이 있으셨던 모양 ^^;
    글 너무 좋네요 ㅎㅎㅎ blazeDS는 저도 안해봐서 열심히 참고중입니다 ㅎ

  6. blazeDS에 대해서 계속 공부하는 중이예요.
    아는게 없어서 삽질을 거듭하는 중입니다. ^^

  7. Blog Icon
    카라

    한가지질문이 있는데요 지금 위에 쓰신것을 이용해서 Flex 에서는 돌렸는데요

    그걸 AIR에서 돌릴려고 하니..안되는데 -_- 방법이 없을까요 ;;;

  8. Blog Icon
    고고당

    자주 지돌스타님 블로그 들어오는데..금광같은기분 ^^

    좋은글 공개해주셔서 감사합니다.

  9. 하아 정말 부지런하시지..
    저도 예전에 작성해볼까 했는데
    하루이틀 지나니까 .. 역시-.-;;;;

    이를 악 물고 해야겠습니다;;

  10. Blog Icon
    이영찬

    한가지 질문이 있습니다.
    위에 나와있는데로 설치를 하고 예제를 만들어서 실행시켰는데 404에러가 나옵니다..
    혹시 tomcat 을 깔고 webapps 폴더에 blazeds.war 를 복사하는 것 이외에
    다른 작업은 없는지요? classpath 라던지..lib 파일 복사라던지 말이죠..
    몇시간 째 404에러에서 벋어나질 못하네요..

  11. jsp 프로그램 만들었을때도 그런가요? tomcat 자체가 잘 동작하는지 먼저 확인해보셨는지 궁금합니다.

    그리고 war을 복사하면 자동으로 웹애플리케이션으로 인식하여 압축을 풀어줍니다. 그리고 설정할 내용은 destination정의와 amf 등록밖에 없습니다. 다시 한번 확인해보세요.

  12. Blog Icon
    이영찬

    감사합니다. 해결했습니다..
    의외 인 곳에 해결이..ㅠㅠ
    좋은 글 매번감사합니다.

    질문 하나 더 해도 될까요.

    위쪽 예제를 톰켓+FLEX 에서는 구동이 잘 되는데
    AIR에서는 작동을 안하더군요..
    여기저기 검색하다보니 destination amf 를
    인식하지 못해서 따로 적어줘야 한다고 들었습니다.
    http://mudchobo.tomeii.com/tt/215
    를 참고했습니다.

    그런데 위의 예제는 As 가 아니라
    java 에서 돌고있는데.. 어떻게 해야하나요?

    죄송합니다..무지가 죄라서 ㅠㅠ

  13. Blog Icon
    우왕초보

    분명히 깔끔하게 따라했고 에러난곳도하나없는데
    마지막에실행하면.
    Internet Explorer에서 웹 페이지를 표시할 수 없습니다.404뜨네요...ㅠㅜ 리프레쉬해도 같은데..ㅠㅜ
    잠이안오네요..

  14. Blog Icon
    나만의시간

    와우~! 도움 많이 되었습니다..

  15. Blog Icon
    베르컴

    위 방식대로 실행후 mxml파일 수정후 다시 빌드하여 브라우져로 보면 변경된 내용이 안보이고 변경전 내용으로 계속 보입니다. 브라우져 옵션도 페이지를 열때마다로 변경 했구요.. 가르침을 주세요..ㅠㅠ

  16. 제가 올린 글은 완벽한 내용이 아닙니다. 하나의 가이드 정도지요. 필요한 부분은 직접 찾으셔서 해결하셔야할 것 같습니다. 찾을때는 어렵지만 찾고나면 그것으로 실력이 느는것이라 생각해요. ^^

  17. Blog Icon
    블루향하

    지돌스타님의 노력이 대단하십니다.

    상세한 설명 감사드립니다. 정말 많은 도움 되었습니다.

    ^^

  18. 감사합니다.

  19. Blog Icon
    모모

    RemoteObjectTest. mxml파일을 생성하고 나니깐 Could not open the editor: Assertion failed: 이라는 화면만 나오고 mxml파일 에디터가 실행이 안 됩니다. 혹시 설정에서 또 해주어야 하는것이 있나요? 도움이 필요합니다.

  20. 그런설정은 없습니다. 안타깝게도 그런 에러는 저도 본적이 없네요.

  21. Blog Icon
    모모

    버전 에러인듯 해서 새로 이클립스 유로파 3.3 로 하니까 돼네요
    그런데
    포트가 문제인지 머가 문제인지 마지막 RemoteObjectTest.mxml을 실행하니까
    jboss로 해서 8080 포트로 해서 접속하니 그냥 파란 화면만 나오내요
    연결은 됀건데 데이터 설정이 잘못 됀건지..
    그냥 파란 화면만 나오니 이상하내요

  22. Blog Icon
    준2

    FlexBuilder에서 아래와 같은 에러가 나오는데... 뭐가 문제인가요?

    Unexpected child element 'destincation' found in 'service' from file: remoting-config.xml. RemoteObjectTest Unknown 1253780204530 549

  23. destination 이겠죠?

  24. Blog Icon
    플렉스초보 ㅜ_ㅜ

    블로그 글을 읽다 궁금한 점이있어 질문 드립니다.
    저는 eclips(flex builder plug in) + blazeds + mysql 이 방법으로 사용하고있습니다.
    위에 블로그에서는 local에다가 blazeds를 설정 했는데요,
    자기 local이 아닌 다른 쪽에 서버에서 환경을 구축 할때는 방법이 다른건가요?
    서버에 톰캣 설치 후 어떤방법으로 blazeds를 설치 해야 하는지 궁금합니다.

  25. blazeDS는 하나의 웹애플리케이션으로 배포됩니다. 가장 뼈대가 되는 형태지요. 이 뼈대에 살을 붙이고 나서 war로 다시 tomcat 웹애플리케이션 루트에 붙이면 그것 자체가 배포가 된 겁니다.

  26. Blog Icon
    플렉스초보 ㅜ_ㅜ

    안녕하세요.
    또 질문 드리네요.
    Blazeds를 사용 하다가 발생한 오류 인데요.
    - db/dao/MemberDAO (wrong name: MemberDAO)
    이런 오류가 나오는데요 class 파일 명이랑 package 도 다 정확하게 해줬는데
    발생 했습니다. 계속 문제점을 확인 하고 있지만 좀 처럼 해결이 안됩니다.

    어떻게 해야 wrong name 오류를 잡을 수 있을까요.?

  27. Blog Icon
    왕초보

    자꾸 이런 에러가 나는데 도대체 이유가 머죠?...

    [FaultEvent fault=[RPC Fault faultString="Send failed" faultCode="Client.Error.MessageSend" faultDetail="Channel.Connect.Failed error NetConnection.Call.Failed: HTTP: Status 404: url: 'http://localhost:9001/WebContent/messagebroker/amf'"] messageId="D287AADD-9A4D-567C-092D-1EAE61A6FE16" type="fault" bubbles=false cancelable=true eventPhase=2]

  28. 말그대로 보내지 못했다는 겁니다. http://localhost:9001/WebContent/messagebroker/amf로 접속했을때 흰화면이 나오나 보세요. 나오지 않으면 이 주소로 접근한 것은 잘못된 겁니다.

  29. 이런부분은 이렇게 질문하시면 저도 답변드리기 어렵답니다. 에러요인이야 얼마든지 산재되어 있는 문제니깐요. 한번더 스스로 검토해보시고 찾아보시면 어떨가요? ^^