Flex 部署應(yīng)用

本教程將解釋如何創(chuàng)建應(yīng)用程序 war 文件以及如何在Apache Tomcat Websever根目錄中部署它。 如果您理解了這個簡單的示例，那么您也將能夠按照相同的步驟部署復(fù)雜的Flex應(yīng)用程序。

讓我們按照以下步驟創(chuàng)建Flex應(yīng)用程序:

按照以下步驟創(chuàng)建Flex應(yīng)用程序的發(fā)布版本，然后將其部署到tomcat服務(wù)器:

第一步是使用Flash Builder IDE創(chuàng)建發(fā)布版本。 使用選項(xiàng)File > Export > Flash Builder > Release Build

使用向?qū)Т翱趯㈨?xiàng)目選擇為 HelloWorld ，如下所示

保留其他默認(rèn)值，并單擊完成按鈕。 現(xiàn)在，F(xiàn)lash Builder將創(chuàng)建一個包含項(xiàng)目發(fā)布版本的bin-release文件夾。

現(xiàn)在我們的發(fā)布版本已準(zhǔn)備就緒，讓我們按照以下步驟部署Flex應(yīng)用程序:

以下是修改的mxml文件的內(nèi)容 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>

準(zhǔn)備好所有更改后，讓我們以正常模式編譯和運(yùn)行應(yīng)用程序，就像在 Flex - 創(chuàng)建應(yīng)用程序中一樣 章節(jié)。
如果一切順利，您的應(yīng)用程序，這將產(chǎn)生以下結(jié)果:[在線試用]

創(chuàng)建WAR文件

現(xiàn)在我們的applictaion工作正常，我們準(zhǔn)備將其導(dǎo)出為一個戰(zhàn)爭文件。 請按照以下步驟操作:

• 進(jìn)入您項(xiàng)目的 bin-release 目錄 C:\\ workspace \\ HelloWorld \\ bin-release

• 選擇所有文件＆amp; bin-release目錄中的文件夾。

• 壓縮所有選定的文件＆amp; 文件夾中名為 HelloWorld.zip 的文件夾。

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

部署WAR文件

• 停止tomcat服務(wù)器。

• 將 HelloWorld.war 文件復(fù)制到 tomcat安裝目錄> webapps文件夾。

• 啟動tomcat服務(wù)器。

• 看看里面的webapps目錄，應(yīng)該有一個文件夾 HelloWorld 創(chuàng)建。

• 現(xiàn)在HelloWorld.war已成功部署在Tomcat Webserver根目錄中。

運(yùn)行應(yīng)用程序

在網(wǎng)絡(luò)瀏覽器中輸入網(wǎng)址: http:// localhost:8080 / HelloWorld / HelloWorld.html 以啟動應(yīng)用程序

服務(wù)器名稱(localhost)和端口(8080)可能會根據(jù)您的tomcat配置不同。