Flex 部署应用程序
本教程将向您解释如何创建应用程序
war 文件以及如何在 Apache Tomcat Web 服务器根目录中部署该文件。
如果您理解了这个简单的示例，那么您也将能够按照相同的步骤部署复杂的 Flex 应用程序。
让我们按照以下步骤创建一个 Flex 应用程序-
| 步骤 |
描述 |
| 1 |
在 packagecom.lidihuo.client 下创建一个名为 HelloWorld 的项目，如 Flex-创建应用程序 章节所述。 |
| 2 |
修改HelloWorld.mxml，如下所述。保持其余文件不变。 |
| 3 |
编译并运行应用程序以确保业务逻辑按照要求工作。 |
按照下面给出的步骤创建一个 Flex 应用程序的发布版本，然后将其部署到 tomcat 服务器-
第一步是使用 Flash Builder IDE 创建发布版本。使用选项
File > Export > Flash Builder > Release Build 启动发布构建向导。
使用向导窗口选择项目为
HelloWorld，如下所示
保留其他默认值，然后单击"完成"按钮。现在，Flash Builder 将创建一个 bin-release 文件夹，其中包含项目的发布版本。
现在我们的发布版本已准备就绪，让我们按照以下步骤部署 Flex 应用程序-
| 步骤 |
描述 |
| 1 |
将应用程序的bin-release文件夹内容压缩成HelloWorld.war文件，部署到Apache Tomcat Webserver中。 |
| 2 |
使用适当的 URL 启动您的 Web 应用程序，如下面最后一步所述。 |
以下是修改后的mxml文件
table table-bordered/com.lidihuo/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/lidihuo/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 Webserver 根目录中。
运行应用程序
在网络浏览器中输入 URL-
http://localhost:8080/HelloWorld/HelloWorld.html 启动应用程序。
服务器名称 (localhost) 和端口 (8080) 可能因您的 tomcat 配置而异。
