본문 바로가기

ADOBE AIR / FLEX

AIR 어플리케이션 제작 맛보기


이제 AIR 어플리케이션을 제작할 수 있는 환경을 준비했으니 실제 첫 AIR 어플리케이션을 제작해보기로 한다. AIR 어플리케이션 제작은 기존에 Flash 컨텐츠를 제작하는 방식과 크게 다르지 않다. 생각보다 쉽다는 얘기이다. 단지 차이가 있다면 저번 강의에서도 말했듯이 초기 시작화면에서 Create New > Flash File (Adobe AIR) 선택하고 AIR 문서를 생성하는 것과 AIR 설치파일을 만들어주기 위한 설정이 필요하다는 것 뿐이다.

 

자, 먼저 플래시를 실행한 후 아래와 같은 초기화면에서 Create New > Flash File (Adobe AIR)를 선택하고 빈 FLA를 생성하자. 그리고 원하는 경로에 파일이름을 입력하고 저장하자. 여기서는 "HellowAIR.fla" 저장하겠다.

 

 

Flash File(Adobe AIR)를 선택하면 아래와 같은 대화상자가 뜬다. AIR제작에 대한 요약 내용이며 다음부터 이창을 뜨지 않게하려면 Dont' show the again을 체크하고 확인을 누르면 된다. CS4에서 이 창이 뜨지 않는다.

 


자, 이제 새로운 빈 문서에 도구패널의 [텍스트]를 선택하고 스테이지 상의 원하는 위치에 static Text 필드를 하나 만들자. 그리고 원하는 간단한 문구를 입력하는데 여기에서는 "Welcome to AIR" 라고 입력 하겠다.

 


이렇게 작업자가 해당 작업을 완료했으면 이제 사용자들이 이 AIR 어플리케이션 사용할 수있도록 설치용 파일로 만들어주어야 한다. 그전 해당 무비를 Ctrl + Enter나 Control > Movie Test를 실행해 swf를 생성해줘야 한다. 그러면 동시에 파일명-application.xml도 같이 자동 생성된다. 자, 계속해서 아래의 그림과 같이 상단메뉴의 Commands > AIR - Application and installer Settings을 실행한다.

 

 

실행 후 아래와 같은 설치 프로그램 설정창이 나온다.

 


설정창 항목에 대한 자세한 내용 다음에 다루기로 하고 최종 AIR 어플리케이션을 설치파일을 만들기 위해서는 디지털 서명 인증서가 필요하다. 보통 모든 응용 프로그램에는 서명이라는 것이 들어간다. 이 디지털 서명 인증서가 없으면 사용자의 시스템에 프로그램을 설치할 수가 없다. AIR로 제작된 응용프로그램도 마찬가지다. 디지털 서명 인증서에는 자체 서명된 인증서와 루트인증 기관에서 발급한 인증서가 있다. 자체 서명된 인증서는 당연히 루트인증 기관에서 발급한 인증서만큼 신뢰성이 없다.

 

자체 서명된 인증서는 사실 개발 테스트를 위해 개발자 자신이 만는는 것이다. 그러니 이런 응용프로그램을 배포해서 사용자들의 시스템에 설치될 때 "신뢰할 수 없는 프로그램이다" 라는 내용을 보게 된다. 그래서 자신이 만든 어플리케이션을 신뢰할 만한 인증된 기관에서 검증을 받아 "이 프로그램은 검증된 프로그램입니다." 라는 신뢰를 주기 위해 루트인증서를 발급받는 것이다. 하지만 워낙 이 루트인증서가 비싸기 때문에 개인이 구입하기에는 부담이 된다.

 

지금은 교육 및 개발 테스트를 위한 목적이니 자체 인증서를 만들어 사용해도 충분하다. 자체 인증서를 만들기 위해서 먼저 설정창에서 Digital Signature > Change 를 누른다. 아래와 같은 디지털 서명 창이 뜬다.

 

 

아직은 만든 인증서가 없기 때문에 Create 버튼을 누른다. 그러면 아래의 그림과 같은 자체 디지털 서명 설정창이 뜬다.

 


제작자 이름, 조직 구성 단위, 조직 이름, 전자 메일, 국가, 암호 및 암호 확인 필드에 값을 입력한다. 그리고 인증서의 Type(유형)을 선택해야 하는데 Type 옵션은 인증서의 보안 수준을 가리킨다. [1024-RSA]는 1024비트 키(보안 수준 낮음)를 사용하고 [2048-RSA]는 2048비트 키(보안 수준 높음)를 사용한다.

 

모든 입력폼에 입력을 마쳤으면 이제 인증서를 저장할 위치를 선택하고 확인버튼을 누른다. 인증서의 저장경로는 아무곳이나 저장해도 상관없다. 하지만 작업관리를 위해 현재 작업하는 경로에 저장해두는 게 편하다. 그리고 난 후 이제 2단계의 Digital Signature 창의 입력폼 Certificate, password에 좀 전에 만든 인증서의 위치와 암호를 입력하고 확인을 누른다.

 

이제 하단의 그림과 같이 설정창의 하단 버튼 Publish AIR File을 클릭하여 확장자 *.air 라는 설치파일을 만든다.

 


이제 작업폴더에 HelloWorld.air 라는 AIR 어플리케이션이 만들어졌을 것이다. air파일을 실행하면 하단과 같이 설치 안내창이 나오고 순서에 따라 사용자의 컴퓨터에 어플리케이션이 설치가 된다.

 

 



이렇게 설치가 완료되면 우리가 만든 첫 AIR 어플리케이션이 실행된 것을 볼 수 있을 것이다. 설치한 프로그램을 제거할 때에는 기존에 프로그램 삭제하는 방식과 같다. [제어판]-[프로그램 추가 및 삭제] 에서 해주면 된다. 이로써 이번 시간에는 AIR로 첫 응용프로그램을 만들어봤다.


출처 : http://aner2000.blog.me/90045789666


'ADOBE AIR / FLEX' 카테고리의 다른 글

Flex 개요 (동영상)  (0) 2011.07.26
플렉스(Flex) 및 Ajax 관련자료 사이트 모음  (0) 2011.07.26
AIR 개발 환경 만들기  (0) 2011.07.25
ADOBE AIR 문서  (0) 2011.07.25
Air 설치 오류 발생  (0) 2011.07.25