Flex - Uygulamayı Dağıt

Bu eğitim size nasıl bir uygulama oluşturacağınızı açıklayacaktır. war dosyasını ve bunun Apache Tomcat Web sunucusu kökünde nasıl konuşlandırılacağını öğrenin.

Bu basit örneği anladıysanız, aynı adımları izleyerek karmaşık bir Flex uygulamasını da dağıtabilirsiniz.

Bir Flex uygulaması oluşturmak için aşağıdaki adımları takip edelim -

Adım	Açıklama
1	Bir packagecom altında HelloWorld adıyla bir proje oluşturun. tutorialspoint.client , Flex - Uygulama Oluştur bölümünde açıklandığı gibi .
2	HelloWorld.mxml'yi aşağıda açıklandığı gibi değiştirin . Geri kalan dosyaları değiştirmeden tutun.
3	İş mantığının gereksinimlere göre çalıştığından emin olmak için uygulamayı derleyin ve çalıştırın.

Bir Flex uygulamasının yayın yapısını oluşturmak için aşağıda verilen adımları izleyin ve ardından bunu tomcat sunucusuna dağıtın -

İlk adım, Flash Builder IDE'yi kullanarak bir sürüm derlemesi oluşturmaktır. Seçeneği kullanarak sürüm oluşturma sihirbazını başlatınFile > Export > Flash Builder > Release Build.

Aşağıdaki gibi sihirbaz penceresini kullanarak projeyi HelloWorld olarak seçin

Diğer varsayılan değerleri olduğu gibi bırakın ve Bitir Düğmesine tıklayın. Şimdi Flash Builder, projenin yayın yapısını içeren bir bin-release klasörü oluşturacaktır.

Artık sürüm yapımız hazır, bir Flex uygulamasını dağıtmak için aşağıdaki adımları takip edelim -

Adım	Açıklama
1	Uygulamanın bin-release klasörünün içeriğini HelloWorld.war dosyası biçiminde sıkıştırın ve Apache Tomcat Web sunucusunda konuşlandırın.
2	Son adımda aşağıda açıklandığı gibi uygun URL'yi kullanarak web uygulamanızı başlatın.

Aşağıda, değiştirilmiş mxml dosyasının içeriği verilmiştir 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>

Yapılan tüm değişikliklere hazır olduğunuzda, Flex - Create Application bölümünde yaptığımız gibi uygulamayı normal modda derleyip çalıştırmamıza izin verin . Başvurunuzla ilgili her şey yolundaysa, aşağıdaki sonucu verecektir: [ Çevrimiçi deneyin ]