Tech/Flex

Flex 설치

onesixx 2008. 7. 11. 14:32
반응형

Flex Builder 3설치

설치 파일 다운로드

www.adobe.com > Products > Flex

Try Flex Builder 3

설치
Adobe Flash Player 9은 설치하지 않는다.

1. 설치된 기존 Flash Player Uninstall
2. 개발자는 디버그를 위해 디버그 버젼 설치
www.adobe.com > Support > Support home > Adobe Flash player > Additional Downloads
Adobe Flash Player 10 — Debugger Versions
  • DownloadDownload the Windows Flash Player 10 ActiveX control content debugger (for IE) (EXE, 2.03 MB)
  • DownloadDownload the Windows Flash Player 10 Plugin content debugger (for Netscape-compatible browsers) (EXE, 1.99 MB)
  • ---------------------------------------------------------

    ----------------------------------------------------------

    Flex 준비하기 - 1 - 설치 준비

    WTP(Web Tools Platform) 설치   (Web개발에 맞게 조정된 Eclips 버전)

    http://download.eclipse.org/webtools/downloads/

    html, jsp,등 말그대로 all-in-one버전이다.

    WTP가 실행되기 위해서는 EMF, GEF, DTP가 필요하고, 그런것들(아래)을 묶어놓은 것이
    이클립스 j2ee wtp-all-in-one 버전.(wtp-all-in-one-sdk-win32)

    Eclipse Modeling Framework (EMF, XSD InfoSet, SDO)
    Graphical Editing Framework (GEF)         
    Data Tools Platform (DTP)
    ** 위의 파일들은 eclipse가 설치된 폴더에 덮어서 깔아주면 된다.

    사용자 삽입 이미지

    * 이클립스란 IBM에서 공개한 IDE 도구이다.(JAVA뿐만 아니라 C등의 개발에도 쓸수 있는 전천후 만능 IDE)
      Build type (안정성은 Released > Maintenance > Stable > Integration 순)
      소개페이지

    압축을 푼다.
    eclipse_install_2.jpg


    eclipse.exe를 실행시킨다.
    eclipse_install_3.jpg

    eclipse_install_4.jpg

    ok를 클릭한다.
    eclipse_install_6.jpg
    다음과 같은 초기화면이 뜬다.

     

    ◎ Apache Tomcat 설치

    http://tomcat.apache.org 사이트에서 다운로드 할 수 있다.

    Binary distributions의 Windows Service Installer 파일을 받도록 하자. (6.0.16 현재버젼)

     

     

     

     

     

     

     

    https://www.adobe.com/cfusion/entitlement/index.cfm?e=labs%5Fadobeflexbuilder3

    사용자 삽입 이미지

    Adobe에서 제공하는 Adobe Flex 3 beta 3 를 다운받도록하자 (90일 trail버전이다.)

    사용자 삽입 이미지

    이클립스 플러그인 버전임을 다시 확인하자!!
    아파치 톰캣 6.0 버전을 다운받자!

     

    자.. 지금 마악 모든 프로그램을 설치하고 왔다면
    무작정 Eclipse를 켜보자!!

    Welcome 옆에 X를 눌러버리고 바로 프로젝트를 생성하자

    사용자 삽입 이미지

    사용자 삽입 이미지

    우리가 만들 프로젝트는 플렉스 프로젝트이다

    사용자 삽입 이미지

    프로젝트명은 test로 주었고 서버타입은 j2ee이다. 나머지 건들거없이 패쓰~

    사용자 삽입 이미지

    아파치 설정부분이다.. 각자의 아파치경로를 지정해주면 되겠다.

    flex.war 파일을 찾아서 지정해준다.
    fds2 가 깔려있지 않다면 찾을수가 없다. fds2를 깔지 않았다면 꼭 깔도록!!
    자..finish를 누르자..  별로 안남았다 힘내라!!
    다 된것이 아니다!!!! 이제 아파치 경로에 아까 본 flex.war 파일과 flex-admin.war파일을
    deploy 시켜야한다.. 어떻게 하나고?? 간단하다 webapps폴더에 넣어놓고
    아파치를 켜기만하면 된다.

    여기까지했다면 잠시 숨돌리고 실행을 시켜보자 단축키는 Ctrl + F11

    사용자 삽입 이미지

    사용자 삽입 이미지

    여기까지했다면 당신은 욕심쟁이~ 우후훗!!!
    3장으로 넘어가자!!

     

     

     

     

     

     

     

     

     

    ※ Windows에서 Apache, Resin 연동 (WindowsXP, Resin-2.1.8)

    windows에서 resin과 apache를 연동하는 기본적인 방법을 알아본다.
    자세한 설정방법은 환경설정 파일이나 메뉴얼을 살펴보길 바란다.
    apache와 resin 연동의 목적은

    정적 컨텐츠(html, image 등)의 요청을 apache가 담당하고,

    servlet container (resin)는 jsp나 servlet 요청만을 담당하도록 하기 위함이다.

     

    그러나 jsp 스터디가 목적이거나 테스트 용 또는 큰 부하가 없는 경우라면 굳이 apache 와 연동시킬 필요가 없다.
    resin 역시 단독으로 웹서버의 기능을 가지고 있고, 성능 또한 그리 나쁘지 않다.

     

    1. 설 치

    linux 에서의 연동과 크게 다른점이 없으며 훨씬 간단하다.
    필요한 프로그램 목록과 버전. 프로그램 버전에 다소(?) 차이가 있어도 큰 변화는 없다.
    각각의 프로그램은 옆의 사이트에서 다운로드할 수 있다.

    jdk와 apache 설치법은 일반 프로그램 설치와 크게 다르지 않으므로 생략한다.
    그리고 windowsXP 에서의 jdk 환경설정은 JDK 1.3x 환경 설정 문서의 ※ Windows NT, 2000 에서의 환경설정 과 거의 동일하므로 참고하면 된다. 또한 mysql 설치는 mysql 참고사항 문서를 참고한다.

    resin의 설치는 매우 간단하다.(jdk는 꼭 먼저 설치해놓자)
    caucho.com 에서 windows 용 resin 을 다운로드 받은 후(resin-2.1.8.zip) 압축만 풀어주면 된다.
    jdk는 C:\j2sdk1.4.1 에 설치하였고(jdk 설치 과정중 설치폴더 설정이 있으니 알아서 정하자)
    resin 은 C:\resin-2.1.8 에 설치했다(압축을 풀었다).

    모두 설치한 후 위의 그림과 같이 환경변수를 수정 또는 추가한다.
    ([내 컴퓨터]등록정보 - 고급탭 - 환경변수 에서 수정) - 이것 역시 jdk 1.3x 환경설정 문서에 나와있다.

    2. 설 정

    RESIN 이 설치된 폴더(이하 RESIN_HOME이라 한다) 밑의 bin 폴더에 보면 httpd.exe 가 있는데, 이것을 실행시키면 resin 이 실행된다. 이것만으로도 jsp, servlet 환경이 마련된 것이다. jsp, servlet 공부가 목적이라면 이 환경으로 충분하다. 8080 포트에 standalone 으로 서블릿 컨테이너 역할과 웹서버 역할을 동시에 한다.
    RESIN을 실행시킨후 http://localhost:8080 을 브라우저에 때려보면 확인할 수 있다.

    굳이 apache 와 연동하겠다면 RESIN_HOME\bin\setup.exe 파일을 실행시키고 아래와 같이 Apache 에 체크한 후 OK 를 클릭한다(물론 apache 가 미리 깔려있어야 함)

    이제 아파치의 환경설정 파일을 살펴보자. 아파치가 설치된 폴더 밑의 conf 폴더의 httpd.conf 파일이 그것이다. 아래와 같이 접근하여 수정할 수도 있다.

    열어보면 파일의 가장 하단에 아래와 같이 추가된 걸 확인할 수 있다. 이렇게 추가되었다면 레진이 아파치 서버의 모듈로 제대로 붙은 것이다.

    이젠 apache 와 resin 의 환경설정파일을 수정하는 일만 남았다. apache의 경우 위와 같이 httpd.conf 파일을 열어서 수정하면 되고 resin 의 경우 RESIN_HOME\conf\resin.conf 를 메모장등의 에디터로 수정해야 한다.

    apache 의 httpd.conf 수정
    DocumentRoot "C:/Program Files/Apache Group/Apache/htdocs"
    ...
    <Directory "C:/Program Files/Apache Group/Apache/htdocs">
    위의 부분을 찾아서
    DocumentRoot "D:\wwwroot"
    ...
    <Directory "D:\wwwroot">
    위와 같이 고친다.
    여기서 D:\wwwroot 는 내가 정한 웹페이지의 루트디렉토리이다. 자신이 알아서 만들어주면 된다.

    resin 의 resin.conf 수정
    <doc-dir>doc</doc-dir>
    위의 부분을 찾아서
    <doc-dir>D:\wwwroot</doc-dir>
    위와 같이 고친다.

    [주의] resin.conf 에서 port를 80 으로 바꾸지 말자.(이러는 사람 간혹 봤음)
    연동이라 함은 apache는 80포트에서 resin은 다른 포트(8080)에서 돌아가면서 apache로 부터 jsp, servlet 요청을 받아서 처리후 넘겨주는 것이다.

    3. 테스트

    1. 아파치의 httpd.conf 파일을 수정후 아파치를 재시작한다.

    2. RESIN_HOME\bin\httpd.exe 를 실행 (resin 구동)

    <!-- index.jsp -->
    <%@ page contentType="text/html; charset=MS949"%>
    <html>
    <head>
    <title>INDEX</title>
    </head>
    <body bgcolor="#ffffff">
    <%
      out.println("Hello 햏햏<br>");
    %>
    </body> </html>

    위와 같이 index.jsp 파일을 만들어 document root 에 저장한다.(나의 경우 d:\wwwroot)
    브라우저에서 http://localhost/index.jsp 로 접속하여 확인한다.
    아래와 같이 나온다면 apache와 resin 연동이 성공한 것이다.

    [출처] Windows에서 Apache, Resin 연동 |작성자 승호

    반응형

    'Tech > Flex' 카테고리의 다른 글

    FLEX Yahoo API 사용방법  (3) 2009.03.12
    4. 컨트롤 사용하기  (0) 2009.03.11
    3. Flex - Interface Layout  (0) 2009.03.03
    2. Flex 시작하기  (0) 2009.03.03
    Flex  (0) 2008.07.10
    RIA (Rich Internet Application) = UX (User Experience)  (0) 2008.07.09