極客書

Flex - Deploy Application

本教程將向您介紹如何創建應用程式war文件，以及如何在Apache Tomcat Web伺服器根目錄中部署該文件。

如果您理解這個簡單的示例，那麼您還可以按照相同的步驟部署複雜的Flex應用程式。

讓我們按照以下步驟創建一個Flex應用程式−

Step Description
1 Create a project with a name HelloWorld under a packagecom.tutorialspoint.client as explained in the Flex - Create Application chapter.
2 Modify HelloWorld.mxml as explained below. Keep rest of the files unchanged.
3 Compile and run the application to make sure business logic is working as per the requirements.

按照下面給出的步驟創建Flex應用程式的發布版本，然後將其部署到tomcat伺服器−

第一步是使用Flash Builder IDE創建發布版本。使用文件>導出>Flash Builder>版本生成選項啓動版本生成嚮導。

Release Build Wizard

使用嚮導窗口選擇project asHelloWorld

Release Build Wizard1

保留其他默認值，然後單擊「完成」按鈕。現在，Flash Builder將創建一個包含項目發布版本的bin發布文件夾。

現在，我們的發布版本已經準備好了，讓我們按照以下步驟部署Flex應用程式−

Step Description
1 Zip the content of the bin-release folder of the application in the form of HelloWorld.war file and deploy it in Apache Tomcat Webserver.
2 Launch your web application using appropriate URL as explained below in the last step. 

<?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一章中所做的那樣。如果您的應用程式一切正常，那麼它將產生以下結果：[聯機試用]

Flex Application Result

Create WAR File

現在我們的應用程式運行良好，我們準備將其作爲war文件導出。請遵循以下步驟&負;

  • 進入項目的bin release目錄C:\ workspace\HelloWorld\binrelease

  • 選擇bin release目錄中可用的所有文件和文件夾。

  • 壓縮名爲HelloWorld.Zip的文件中的所有選定文件和文件夾。

  • 將HelloWorld.zip重命名爲HelloWorld.war。

Deploy WAR file

停止tomcat伺服器。

  • 將HelloWorld.war文件複製到tomcat安裝目錄>webapps文件夾。

  • 啓動tomcat伺服器。

  • 在webapps目錄中，應該有一個HelloWorld創建的文件夾。

  • 現在HelloWorld.war已經成功地部署在Tomcat Webserver根目錄中。

Run Application

在web瀏覽器中輸入URL−

http://localhost:8080/HelloWorld/HelloWorld.html啓動應用程式。

伺服器名（localhost）和埠（8080）可能因tomcat配置而異。