Flex-애플리케이션 배포

이 자습서에서는 응용 프로그램을 만드는 방법을 설명합니다. war 파일 및 Apache Tomcat 웹 서버 루트에 배포하는 방법.

이 간단한 예제를 이해했다면 동일한 단계에 따라 복잡한 Flex 애플리케이션을 배포 할 수도 있습니다.

Flex 애플리케이션을 만들기 위해 다음 단계를 따르십시오.

단계	기술
1	packagecom 아래에 HelloWorld라는 이름으로 프로젝트를 만듭니다. Flex-Create Application 장에 설명 된 tutorialspoint.client .
2	아래와 같이 HelloWorld.mxml 을 수정 합니다. 나머지 파일은 변경하지 마십시오.
삼	애플리케이션을 컴파일하고 실행하여 비즈니스 로직이 요구 사항에 따라 작동하는지 확인합니다.

아래 단계에 따라 Flex 애플리케이션의 릴리스 빌드를 생성 한 다음 Tomcat 서버에 배포하십시오.

첫 번째 단계는 Flash Builder IDE를 사용하여 릴리스 빌드를 만드는 것입니다. 옵션을 사용하여 릴리스 빌드 마법사 시작File > Export > Flash Builder > Release Build.

다음과 같이 마법사 창을 사용하여 프로젝트를 HelloWorld 로 선택 합니다.

다른 기본값은 그대로두고 마침 버튼을 클릭합니다. 이제 Flash Builder는 프로젝트의 릴리스 빌드를 포함하는 bin-release 폴더를 만듭니다.

이제 릴리스 빌드가 준비되었습니다. 다음 단계에 따라 Flex 애플리케이션을 배포하겠습니다.

단계	기술
1	응용 프로그램의 bin-release 폴더 내용을 HelloWorld.war 파일 형식으로 압축하고 Apache Tomcat 웹 서버에 배포합니다.
2	마지막 단계에서 아래에 설명 된대로 적절한 URL을 사용하여 웹 애플리케이션을 시작하십시오.

다음은 수정 된 mxml 파일의 내용입니다. table table-bordered/com.tutorialspoint/HelloWorld.mxml.

<?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"
   width = "100%" height = "100%"
   minWidth = "500" minHeight = "500" 
   initialize = "application_initializeHandler(event)">
   
   <fx:Style source = "/com/tutorialspoint/client/Style.css" />
   <fx:Script>
      <![CDATA[
         import mx.controls.Alert;
         import mx.events.FlexEvent;
         protected function btnClickMe_clickHandler(event:MouseEvent):void {
            Alert.show("Hello World!");				
         }

         protected function application_initializeHandler(event:FlexEvent):void {
            lblHeader.text = "My Hello World Application";				
         }
      ]]>
   </fx:Script>
   
   <s:BorderContainer width = "500" height = "500" id = "mainContainer" 
      styleName = "container">
      <s:VGroup width = "100%" height = "100%" gap = "50" horizontalAlign = "center" 
         verticalAlign = "middle">
         <s:Label id = "lblHeader" fontSize = "40" color = "0x777777" 
            styleName = "heading" />
         <s:Button label = "Click Me!" id = "btnClickMe" 
            click = "btnClickMe_clickHandler(event)" styleName = "button" />
      </s:VGroup>	
   </s:BorderContainer>	
</s:Application>

모든 변경이 완료되면 Flex-Create Application 장 에서했던 것처럼 일반 모드에서 응용 프로그램을 컴파일하고 실행하겠습니다 . 응용 프로그램에 문제가 없으면 다음 결과가 표시됩니다. [ 온라인 시도 ]