Flex - Déployer l'application

Ce tutoriel vous expliquera comment créer une application war fichier et comment le déployer dans la racine du serveur Web Apache Tomcat.

Si vous avez compris cet exemple simple, vous pourrez également déployer une application Flex complexe en suivant les mêmes étapes.

Laissez-nous suivre les étapes suivantes pour créer une application Flex -

Étape	La description
1	Créez un projet avec un nom HelloWorld sous un packagecom. tutorialspoint.client comme expliqué dans le chapitre Flex - Créer une application .
2	Modifiez HelloWorld.mxml comme expliqué ci-dessous. Gardez le reste des fichiers inchangé.
3	Compilez et exécutez l'application pour vous assurer que la logique métier fonctionne conformément aux exigences.

Suivez les étapes ci-dessous pour créer une version de version d'une application Flex, puis déployez-la sur le serveur tomcat -

La première étape consiste à créer une version de version à l'aide de l'IDE de Flash Builder. Lancer l'assistant de création de version à l'aide de l'optionFile > Export > Flash Builder > Release Build.

Sélectionnez le projet comme HelloWorld à l'aide de la fenêtre de l'assistant comme suit

Laissez les autres valeurs par défaut telles quelles et cliquez sur le bouton Terminer. À présent, Flash Builder crée un dossier de version bin contenant la version de version du projet.

Maintenant que notre version de version est prête, suivons les étapes suivantes pour déployer une application Flex -

Étape	La description
1	Compressez le contenu du dossier bin-release de l'application sous la forme du fichier HelloWorld.war et déployez-le dans Apache Tomcat Webserver.
2	Lancez votre application Web en utilisant l'URL appropriée, comme expliqué ci-dessous à la dernière étape.

Voici le contenu du fichier mxml modifié 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>

Une fois que vous êtes prêt avec tous les changements effectués, laissez-nous compiler et exécuter l'application en mode normal comme nous l'avons fait dans le chapitre Flex - Créer une application . Si tout va bien avec votre application, elle produira le résultat suivant: [ ]

Créer un fichier WAR

Maintenant, notre application fonctionne correctement et nous sommes prêts à l'exporter sous forme de fichier war. Suivez les étapes suivantes -

• Accédez au répertoire bin-release de votre projet C: \ workspace \ HelloWorld \ binrelease

• Sélectionnez tous les fichiers et dossiers disponibles dans le répertoire bin-release.

• Compressez tous les fichiers et dossiers sélectionnés dans un fichier appelé HelloWorld.zip .

• Renommez HelloWorld.zip en HelloWorld.war.

Déployer le fichier WAR

Arrêtez le serveur tomcat.

• Copiez le fichier HelloWorld.war dans le répertoire d'installation de tomcat> dossier webapps.

• Démarrez le serveur tomcat.

• Regardez dans le répertoire webapps, il devrait y avoir un dossier HelloWorld créé.

• HelloWorld.war est maintenant déployé avec succès dans la racine du serveur Web Tomcat.

Lancer l'application

Entrez une URL dans le navigateur Web -

http: // localhost: 8080 / HelloWorld / HelloWorld.html pour lancer l'application.

Le nom du serveur (localhost) et le port (8080) peuvent varier selon la configuration de votre chat.