Flex - 部署應用程式

本教程將向您解釋如何建立應用程式war檔案以及如何在 Apache Tomcat Web 伺服器根目錄中部署該檔案。

如果您理解了這個簡單的示例，那麼您也將能夠按照相同的步驟部署複雜的 Flex 應用程式。

讓我們按照以下步驟建立 Flex 應用程式：

步驟	描述
1	在包 com.tutorialspoint.client 下建立一個名為 HelloWorld 的專案，如Flex - 建立應用程式章節中所述。
2	修改HelloWorld.mxml，如下所述。保持其餘檔案不變。
3	編譯並執行應用程式以確保業務邏輯按要求工作。

按照以下步驟建立 Flex 應用程式的釋出版本，然後將其部署到 tomcat 伺服器：

第一步是使用 Flash Builder IDE 建立釋出版本。使用選項檔案 > 匯出 > Flash Builder > 釋出版本啟動釋出版本嚮導。

使用嚮導視窗選擇專案為HelloWorld，如下所示

保留其他預設值，然後單擊“完成”按鈕。現在，Flash Builder 將建立一個包含專案釋出版本的 bin-release 資料夾。

現在我們的釋出版本已準備就緒，讓我們按照以下步驟部署 Flex 應用程式：

步驟	描述
1	將應用程式的 bin-release 資料夾內容壓縮成 HelloWorld.war 檔案，並將其部署到 Apache Tomcat Web 伺服器。
2	使用最後一步中說明的適當 URL 啟動您的 Web 應用程式。

以下是修改後的 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 - 建立應用程式章節中一樣，以普通模式編譯並執行應用程式。如果您的應用程式一切正常，則將產生以下結果：[ 線上嘗試 ]

建立 WAR 檔案

現在我們的應用程式執行良好，我們準備將其匯出為 war 檔案。請按照以下步驟操作：

進入專案的 bin-release 目錄 C:\workspace\HelloWorld\binrelease
選擇 bin-release 目錄中所有可用的檔案和資料夾。
將所有選定的檔案和資料夾壓縮到名為HelloWorld.zip的檔案中。
將 HelloWorld.zip 重新命名為 HelloWorld.war。

部署 WAR 檔案

停止 tomcat 伺服器。

將 HelloWorld.war 檔案複製到 tomcat 安裝目錄 > webapps 資料夾。
啟動 tomcat 伺服器。
檢視 webapps 目錄，應該建立了一個名為 HelloWorld 的資料夾。
現在 HelloWorld.war 已成功部署到 Tomcat Web 伺服器根目錄。

執行應用程式

在 Web 瀏覽器中輸入 URL：

https://:8080/HelloWorld/HelloWorld.html啟動應用程式。

伺服器名稱 (localhost) 和埠 (8080) 可能因您的 tomcat 配置而異。

列印頁面