Flex - Implementar aplicación

Este tutorial le explicará cómo crear una aplicación. war y cómo implementarlo en la raíz del servidor web Apache Tomcat.

Si entendió este simple ejemplo, también podrá implementar una aplicación Flex compleja siguiendo los mismos pasos.

Sigamos los siguientes pasos para crear una aplicación Flex:

Paso	Descripción
1	Cree un proyecto con un nombre HelloWorld en un packagecom. tutorialspoint.client como se explica en el capítulo Flex - Create Application .
2	Modifique HelloWorld.mxml como se explica a continuación. Mantenga el resto de los archivos sin cambios.
3	Compile y ejecute la aplicación para asegurarse de que la lógica empresarial funcione según los requisitos.

Siga los pasos que se indican a continuación para crear una versión de versión de una aplicación Flex y luego implementarla en el servidor Tomcat:

El primer paso es crear una versión de lanzamiento utilizando Flash Builder IDE. Inicie el asistente de compilación de versiones usando la opciónFile > Export > Flash Builder > Release Build.

Seleccione el proyecto como HelloWorld usando la ventana del asistente de la siguiente manera

Deje otros valores predeterminados como tales y haga clic en el botón Finalizar. Ahora, Flash Builder creará una carpeta bin-release que contiene la versión de lanzamiento del proyecto.

Ahora que nuestra compilación de lanzamiento está lista, sigamos los siguientes pasos para implementar una aplicación Flex:

Paso	Descripción
1	Comprima el contenido de la carpeta bin-release de la aplicación en forma de archivo HelloWorld.war e impleméntelo en Apache Tomcat Webserver.
2	Inicie su aplicación web utilizando la URL adecuada como se explica a continuación en el último paso.

A continuación se muestra el contenido del archivo mxml modificado 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>

Una vez que esté listo con todos los cambios realizados, compilemos y ejecutemos la aplicación en modo normal como hicimos en el capítulo Flex - Crear aplicación . Si todo está bien con su aplicación, producirá el siguiente resultado: [ ]

Crear archivo WAR

Ahora nuestra aplicación está funcionando bien y estamos listos para exportarla como un archivo war. Siga los siguientes pasos:

• Vaya al directorio bin-release de su proyecto C: \ workspace \ HelloWorld \ binrelease

• Seleccione todos los archivos y carpetas disponibles dentro del directorio bin-release.

• Comprima todos los archivos y carpetas seleccionados en un archivo llamado HelloWorld.zip .

• Cambie el nombre de HelloWorld.zip a HelloWorld.war.

Implementar archivo WAR

Detenga el servidor Tomcat.

• Copie el archivo HelloWorld.war en el directorio de instalación de tomcat> carpeta webapps.

• Inicie el servidor Tomcat.

• Mire dentro del directorio de aplicaciones web, debería haber una carpeta que se creó HelloWorld.

• Ahora HelloWorld.war se ha implementado con éxito en la raíz del servidor web Tomcat.

Ejecutar aplicación

Ingrese una URL en el navegador web -

http: // localhost: 8080 / HelloWorld / HelloWorld.html para iniciar la aplicación.

El nombre del servidor (localhost) y el puerto (8080) pueden variar según su configuración de tomcat.