flexflex 시작하기


비고

Apache FlexApache Foundation에서 큐레이팅하는 오픈 소스 애플리케이션 프레임 워크입니다. 모든 Flash 런타임에서 실행되거나 Adobe Air와 함께 컴파일되어 Windows 및 OSX와 같은 모바일 환경 (Android, iOS, BlackBerry) 및 데스크톱 환경에서 기본적으로 실행되는 SWF 응용 프로그램을 작성할 수있는 환경을 제공합니다.

Flex 애플리케이션은 UI를 설명하는 MXML 레이아웃 파일과 기능을 제공하는 ActionScript3 코드의 두 가지 구성 요소로 이루어져 있습니다. 이 두 가지 유형의 파일은 배포 용 단일 SWF로 컴파일됩니다.

Flex 애플리케이션은 REST, SOAP, JSON, JMS 및 AMF를 통해 모든 주요 애플리케이션 서버 (Java, PHP, Ruby, .NET 등)에 액세스 할 수 있습니다.

Apache Flex SDK에는 전체 구성 요소 라이프 사이클, 일련의 서비스 (HTTPService, WebService, RemoteObject) 및 스타일링, 스키닝, 레이아웃, 로컬라이제이션 등과 같은 일련의 관리자가있는 스킨 가능한 사용자 인터페이스 구성 요소 세트가 많이 제공됩니다.

Flex에는 접근성 지원과 자동화 테스트 프레임 워크가 있습니다.

Apache Flex는 완전히 오픈 소스 프로젝트이며 Apache License 버전 2.0을 사용 합니다. 이렇게하면 사실상 제한없이 SDK 및 SDK의 모든 출력물을 개인용 및 상업용으로 사용할 수 있습니다.

일반적으로 백엔드가 Java 또는 .NET이고 해당 응용 프로그램 서버를 통해 데이터 서비스에 연결하는 웹 응용 프로그램에 풍부한 대화 형 브라우저 기반 프론트 엔드를 구축하는 것이 일반적입니다.

Apache Flex 및 Apache는 Apache Software Foundation의 상표입니다.

버전

번역 출시일
Apache Flex SDK 4.15 2016-01-11
아파치 플렉스 SDK 4.14.1 2015-03-31
Apache Flex SDK 4.14.0 2015-02-03
아파치 플렉스 SDK 4.13.0 2014-07-28
아파치 플렉스 SDK 4.12.1 2014-05-03
Apache Flex SDK 4.12.0 2014-03-10
Apache Flex SDK 4.11.0 2013-10-28
Apache Flex SDK 4.10.0 2013-08-06
Apache Flex SDK 4.9.0 2013-02-28

Hello World (응용 프로그램 실행)

<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009" 
                       xmlns:s="library://ns.adobe.com/flex/spark" 
                       xmlns:mx="library://ns.adobe.com/flex/mx">

    <s:Label text="Hello World!" />

</s:WindowedApplication>
 

Hello World (브라우저에서 실행)

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    xmlns:mx="library://ns.adobe.com/flex/mx">

    <s:Label text="Hello World!" />

</s:Application>
 

설치 또는 설정 (Apache Flex)

Apache Flex SDK를 설정하는 두 가지 방법이 있습니다. 제공되는 Apache Flex SDK Installer (Windows 또는 OS X / macOS)에서 프로세스를 자동화하는 Adobe AIR 응용 프로그램을 사용할 수 있습니다. 또는 수동으로 설치할 수 있습니다. 이는 분명히 플랫폼에서 더 큰 편안함을 필요로하지만 설치 세부 사항에 더 많은 유연성을 제공합니다.

Apache Flex Installer를 사용하여 Apache Flex SDK 설치하기

  1. 운영 체제 (Windows, Mac 또는 Linux)의 설치 프로그램 바이너리를 다운로드하십시오.
  2. 설치 프로그램 실행
  3. 다운로드하려는 SDK의 버전을 선택하십시오. Apache Flex 프로젝트는 최신 릴리스 버전을 다운로드 할 것을 제안합니다.
  4. Flash Player 버전을 선택하십시오. Flex 프로젝트에서는 기본값으로 그대로 두는 것이 좋습니다. 다음을 클릭하십시오.
  5. SDK를 설치할 디렉토리를 선택하십시오. 다음을 클릭하십시오.
  6. 사용권 계약을 모두 확인하십시오. 설치를 클릭하십시오.
  7. 설치 프로그램이 Apache Flex SDK를 다운로드하여 설치하기를 기다립니다.

수동으로 Apache Flex SDK 설치

참고 :이 길고 관련된 프로세스가 될 수 있습니다.

시스템 준비하기

  1. 최신 Java JDK 다운로드 및 설치
  2. Ant의 최신 버전을 다운로드하여 설치하십시오.
  3. Git의 최신 버전을 다운로드하여 설치하십시오.
  4. 최신 JUnit 다운로드 및 설치

폴더 구조 설정

  1. 일반적으로 루트 또는 문서 디렉토리에 저장된 Flex SDK 용 컴퓨터에 다음 디렉토리 구조를 만듭니다.
/ApacheFlex
/ApacheFlex/dependencies
/ApacheFlex/source
 

소스 다운로드

  1. 터미널을 열고 디렉토리를 다음으로 변경하십시오.
/ApacheFlex/source
 
  1. 다음 git 명령을 실행하여 Flex SDK 소스를 다운로드하십시오.
git clone https://git-wip-us.apache.org/repos/asf/flex-sdk.git flex-sdk
 
  1. 다음 git 명령을 실행하여 TLF 소스를 다운로드하십시오.
git clone https://git-wip-us.apache.org/repos/asf/flex-tlf.git flex-tlf
 
  1. flex-sdk 디렉토리로 변경하십시오.
/ApacheFlex/source/flex-sdk
 
  1. '개발'지점으로 전환 (선택 사항) :
git checkout develop
 

환경 등록 정보 편집

빌드 스크립트가 작동하려면 환경 변수 를 설정해야합니다. 환경 특성 파일에는 프로세스 전체에서 사용할 종속성 위치를 가리키는 환경 변수가 들어 있습니다. 이들은 SDK를 실행하고 컴파일하기 위해 다양한 빌드 스크립트에 의해 사용됩니다. 이 튜토리얼의 나머지 부분에서 추가 환경 변수를 추가 할 것이다. 나중에 빌드 스크립트를 실행할 때 스크립트는 제공된 경로의 유효성을 검사하고 올바르지 않은 경우 경고합니다.

  1. 환경 특성 파일을 작성하십시오.

flex-sdk 디렉토리에서 env-template.properties 파일의 사본을 작성하고 이름을 env.properties 지정하십시오.

Java와 Ant를 이미 설치 env.properties 파일의 끝에 다음을 추가하여 경로를 설정하십시오.

env.JAVA_HOME=/System/Library/Frameworks/JavaVM.framework/Versions/Current/Commands/java

env.ANT_HOME=/Applications/Ant/bin
 
  1. 그런 다음 TLF 디렉토리에 경로를 추가하십시오.
env.TLF_HOME=/ApacheFlex/source/flex-tlf
 

필수 종속성 추가

Adobe AIR SDK

  1. Air SDK Flex Edition 을 다운로드하십시오 ( Flex 용으로 특별히 제작 된 버전을 다운로드하십시오 ).
  2. 추출 대상 :
/ApacheFlex/dependencies/AIRSDK/4.0
 

최종 디렉토리 이름은 다운로드 한 AIR SDK의 버전을 나타냅니다.

  1. AIR_HOME 환경 변수를 이전 단계에서 선택한 AIR SDK 경로로 설정합니다. 예를 들어,
env.ANT_HOME=/ApacheFlex/dependencies/AIRSDK/4.0
 

Adobe Flash Player 프로젝터

  1. Flash Player 프로젝터 다운로드
  2. 설치 프로그램을 실행하십시오. Project Content Debugger 설치 프로그램이 어디에도 설치되지 않습니다 (적어도 저에게는). 설치 프로그램을 실행 한 후에는 원하는 위치로 복사해야합니다. 이 경우 /ApacheFlex/dependencies/player 디렉토리로 복사하십시오. 참고 : OSX에서는 '.app / Contents / MacOS / Flash Player Debugger'를 Flash Player의 경로에 추가하십시오.
/ApacheFlex/dependencies/player/Flash Player.app/Contents/MacOS/Flash Player Debugger
 
  1. FLASHPLAYER_DEBUGGER 환경 변수를 프로젝터 설치 경로로 설정하십시오.
env.FLASHPLAYER_DEBUGGER=/ApacheFlex/dependencies/player/Flash Player.app/Contents/MacOS/Flash Player Debugger
 

Flash Player 플러그인을 사용할 수도 있습니다. 일반적으로 여기에 있습니다 : / Library / Internet Plug-ins / Flash Player / 전체 경로는 / Library / Internet Plug-ins / Flash Player.app/Contents/MacOS/Flash Player Debugger입니다.

Adobe Flash Player playerglobal.swc

  1. 다운로드 playerglobal.swc - 방금 다운로드 한 컨텐츠 디버거와 같은 페이지에 있습니다.
  2. 그것을에 복사하십시오 :
/ApacheFlex/dependencies/PlayerGlobal/player/12.0
 

번호는 다운로드하는 버전과 일치합니다.

  1. 복사 한 파일의 이름을 'playerglobal.swc'
  2. PLAYERGLOBAL_HOME 환경 변수를 다음과 PLAYERGLOBAL_HOME 설정하십시오.
env.PLAYERGLOBAL_HOME=/ApacheFlex/Dependencies/PlayerGlobal/player
 

Adobe Pixel Bender Toolkit

  1. Pixel Bender for Windows 또는 Mac 다운로드
  2. Pixel Bender를 설치하십시오. 프로그램을 설치할 때 설치 위치를 선택할 수있는 옵션이 제공됩니다. 설치하기 전에이 위치를 복사하십시오.
  3. PIXELBENDER_HOME 환경 변수를 설치 디렉토리로 설정하십시오.

시스템 준비

테스트를 위해 Adobe Flash Player의 mm.cfg 파일에 적절한 속성이 설정되어 있어야하고 FlashPlayerTrust 파일에서 로컬 SWF가 로컬 파일에 액세스 할 수 있어야합니다.

  1. 편집기에서 mm.cfg 파일을 엽니 다. mm.cfg 파일의 위치는 운영 체제에 따라 다릅니다. 이 페이지를 참조하십시오 .
  2. 존재하지 않으면 Adobe Flash Player Projector 컨텐츠 디버거를 수동으로 시작하고 그 당시에는 mm.cfg 를 만들어야합니다.
  3. 추가 또는 다음 항목이 파일에 있는지 확인하십시오.
ErrorReportingEnable=1
TraceOutputFileEnable=1
 
  1. mm.cfg 파일과 동일한 디렉토리에는 FlashPlayerTrust 디렉토리가 있습니다.
  2. 해당 디렉토리를 열고 ApacheFlex.cfg라는 새 텍스트 파일을 작성하십시오.
  3. 이 파일에 Apache Flex SDK의 상위 디렉토리를 추가하십시오. 예 :
#Path to Apache Flex Source
/ApacheFlex/source
 
  1. 파일을 저장하십시오.

빌드 속성 설정

  1. flex-sdk 디렉토리에는 빌드 특성 파일이 있습니다. 여기에는 다운로드 한 소프트웨어의 버전 번호가 들어 있습니다.
  2. 이 파일을 열고 다음 값을 사용중인 Flash Player 및 AIR SDK 버전으로 설정합니다.
# Flash player version for which player global swc to use
playerglobal.version = 12.0

# AIR version number
air.version = 4.0
 

이 값은 SDK에 대한 경로를 작성하는 데 사용됩니다. 따라서 playerglobal.swc를 /ApacheFlex/dependencies/PlayerGlobal/player/12.0 디렉토리에 저장하면 playerglobal.version의 값은 12.0이됩니다.

참고 :이 값은 경로를 구성하기 때문에 경로에 경로가 포함되어 있으면 12 대신 12.0을 사용해야합니다.

참고 : 아직 작업중인 Flex SDK 버전에서 언급되지 않은 새로운 버전의 Flash Player를 사용하는 경우 다음과 같은 메시지가 표시 될 수 있습니다. Error : 구성 변수 'swf-version'값에 알 수없는 토큰 'playerglobal이 포함되어 있습니다. .swfversion ' /ApacheFlex/source/flex-sdk/frameworks/build.xml 파일을 업데이트 된 버전 체크 코드로 업데이트해야합니다.