Creare un lettore di Feed RSS in Flex 3

<?xml version=”1.0”?>
<!-- Generated on Sun, 27 Apr 2008 17:13:32 +0000 -->
<rss version=”2.0”>
  <channel>
    <title>Le news di Augitaly.com</title>
    <link>http://www.augitaly.com</link>
    <description>News dal mondo di Flex 2</description>
    <language>it</language>
    <webMaster>webmaster@augitaly.com</webMaster>
    <generator>PHP RSS Feed Generator</generator>
    <item>
      <title>Ridurre il peso del file SWF rimuovendo le classi non usate con getQualifiedClassName()</title>
      <description><![CDATA[Il tema dell’ottimizzazione tocca davvero  questo [...]]]></description>
      <link>http://www.augitaly.com/flexgala/index.php?cmd=newsreader&amp;id=243</link>
      <pubDate>Thu, 24 Apr 2008 00:10:10 +0000</pubDate>
    </item>
 
[... altri nodi ‘item]
   </channel>
</rss>

<?xml version=”1.0”?>
<!DOCTYPE cross-domain-policy SYSTEM “http://www.adobe.com/xml/dtds/cross-domain-policy.dtd”>
<cross-domain-policy>
	<allow-access-from domain=”dominio.com” />
</cross-domain-policy>

<?php
	readfile($_REQUEST[“url”]);
?>

<?xml version=”1.0” encoding=”utf-8”?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” 
	layout=”absolute”
	creationComplete=”loadXMLData(urlArray[0].data)”>
 
	<mx:Script>
		<![CDATA[
			import mx.events.* 
        	import mx.rpc.events.ResultEvent;
 
			// PATH del PROXY PHP 
			// --> DEBUG (da usare in locale quando effettuate i test da Flex. 
			// IMPORTANTE: Cambiare l’URL in base al path del proprio webserver)
			private const pathProxy:String = “http://localhost/Web/_FLEX3/RSSReader/src/php/proxy.php?url=”;
 
			// VERSIONE FINALE (on-Line)
			// Commentare la riga precedente e decommentare la seguente
			//private const pathProxy:String = “php/proxy.php?url=”;
			/*
				CARICAMENTO RSS
				Questa funzione viene chiamata sia quando l’applicazione 
				è avviata la prima volta (tramite l’evento ‘creationComplete’), 
				passando come parametro il primo elemento dell’array degli URL,
				sia ogni qualvolta viene selezionato un nuovo feed dal ComboBox
			*/
			public function loadXMLData(url:String):void
			{
 
				 // Impostiamo l’URL del file da caricare
				 rssRPC.url= url;
 
				 // Inviamo la richiesta HTTPService
				 rssRPC.send();
			}
 
			/*
				CARICAMENTO DATI AVVENUTO CON SUCCESSO
			*/			
			private function defaultData(event:ResultEvent):void
			{		
 
				// Visualizzione Abstract del primo articolo
			 	viewAbstract(0)
 
			 	// Evidenziazione della prima voce del componente LIST
			 	posts_list.selectedIndex = 0;
			}
 
 
	    	/*
				VISUALIZZAZIONE dell’ABSTRACT
			*/				
			private function viewAbstract(idxNews:uint):void 
			{
				// Visualizziamo l’abstract dell’articolo sfruttando lo standard E4X
		  		// per navigare all’interno dell’oggetto XMLListCollection e per recuperare
		  		// il valore del nodo ‘description’
				post_details.htmlText = articoliXML[idxNews].description;
			}
 
 
      		/*
				APERTURA URL dell’ARTICOLO COMPLETO
			*/	
		 	private function openURL(event:MouseEvent):void
		  	{
		  		// L’indice dell’articolo selezionato viene acquisito dal component LIST
		  		var articoloSelezionato:uint = posts_list.selectedIndex;
 
		  		// Recuperiamo il ‘link’ dell’articolo completo sfruttando lo standard E4X
		  		// per navigare all’interno dell’oggetto XMLListCollection
				var linkNews:String = articoliXML[articoloSelezionato].link;
 
				// Apriamo il link in una nuova pagina
				var adobeURL:URLRequest = new URLRequest(linkNews);
				navigateToURL(adobeURL, “_blank”);
	  		}
 
		]]>
	</mx:Script>
 
	<!--
		ARRAY contenente gli URL del COMBOBOX
	-->	
	<mx:ArrayCollection id=”urlArray”>
		<mx:Array id=”myArray”>
			<mx:Object label=”News” data=”{pathProxy + ‘http://www.augitaly.com/flexgala/rss.php?t=n’}”/>
			<mx:Object label=”Layout” data=”{pathProxy + ‘http://www.augitaly.com/flexgala/rss.php?t=l’}”/>
			<mx:Object label=”Video tutorials” data=”{pathProxy + ‘http://www.augitaly.com/flexgala/rss.php?t=v’}”/>
			<mx:Object label=”Articoli da altre fonti” data=”{pathProxy + ‘http://del.icio.us/rss/FlexGala’}”/>
		</mx:Array> 
	</mx:ArrayCollection>
 
 
	<!--
		Il componente HTTPService permette di caricare dati da un URL.
		La proprietà resultFormat indica in quale modalità interpretare i dati (E4X). 
		L’E4X è una novità di AS3 che permette di navigare all’interno dei nodi XML in modo agevole.
		Non appena i dati saranno acquisiti verrà invocato l’evento ‘result’.
		In questo tutorial non abbiamo gestito il caso in cui la richiesta fallisca 
		ma è possibile utilizzare l’apposito evento ‘fault’
	-->	
    <mx:HTTPService id=”rssRPC”
     	resultFormat=”e4x”
    	result=”defaultData(event)”
     	/>
 
       <!--
		- Conserviamo nella variabile ‘articoliXML’ l’elenco degli articoli (item)
		- Utilizziamo la classe XMLListCollection perchè permette di sfruttare
		  le potenzialità E4X disponibili dalla versione 3.0 di Actionscript.
	 -->	
  	 <mx:XMLListCollection id=”articoliXML”
    	source=”{rssRPC.lastResult.channel.item}” />
 
 
    <mx:VBox x=”10” y=”0” height=”227” width=”250”>
 
      	<!--
      		COMBOBOX con l’ELENCO dei FEED RSS di FlexGala:
			- Acquisiamo gli URL attraverso l’array ‘urlArray’ definito in precedenza
			- Ad ogni selezione carichiamo i nuovi dati chiamando la funzione ‘loadXMLData’
			  e passando come parametro l’url selezionato
		-->	
        <mx:ComboBox width=”100%” id=”combo_list”
        	 dataProvider=”{urlArray}” 
        	 change=”loadXMLData(urlArray[event.currentTarget.selectedIndex].data)”
        	 />
 
		<!--
      		VISUALIZZAZIONE ELENCO ARTICOLI
			- Il dataProvider utilizzato per reperire l’elenco degli articoli
			  è popolato automaticamente ad ogni nuova chiamata grazie al BINDING. 
			- Ad ogni selezione viene invocato l’evento ‘change’ e visualizziamo il
			  relativo abstract 
 
		-->
        <mx:List width=”100%” height=”100%” id=”posts_list”
        	 dataProvider=”{articoliXML}”
        	 change=”viewAbstract(event.currentTarget.selectedIndex)”
        	 labelField=”title”
        	 />
 
    </mx:VBox>
 
       <!--
		TEXTAREA per la VISUALIZZAZIONE dell’ABSTRACT
	-->	
    <mx:TextArea id=”post_details” x=”268” y=”29” width=”312” height=”198”/>
 
    <!--
      	IL PUlSANTE PER APRIRE IL LINK DELL’ARTICOLO COMPLETO SUL SITO UFFICIALE
    -->
    <mx:Button x=”149” y=”235” label=”Dettaglio news”
    	click=”openURL(event)”/>
 
</mx:Application>

<?xml version=”1.0” encoding=”utf-8”?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” 
	layout=”absolute”>
 
	<mx:Script>
		<![CDATA[
			import mx.controls.Alert;
			import mx.events.* 
        	import mx.rpc.events.ResultEvent;
        	import mx.rpc.events.FaultEvent;
 
			// PATH PROXY PHP 
			// --> DEBUG 
			private const pathProxy:String = “http://localhost/Web/_FLEX3/RSSReader/src/php/proxy.php?url=”;
 
			// VERSIONE FINALE (on-Line)
			//private const pathProxy:String = “php/proxy.php?url=”;
 
 
			[Bindable]
			public var dp:XMLList;
 
		    private function openCustomRSS(url:String):void
		    {
				 rssRPC.url= pathProxy + url;
				 rssRPC.send();
		    }
 
			// Caricamento RSS Avvenuto con successo
			private function defaultData(event:ResultEvent):void
			{		
				// Visualizzazione del titolo del Feed RSS
				title_txt.text = event.currentTarget.lastResult.channel.title;
 
				// Lista dei nodi
				dp = event.currentTarget.lastResult.channel.item
 
				// Visualizziamo il primo post della lista
			 	viewAbstract(0)
 
			 	// Visualizziamo il primo elemento della lista
			 	posts_list.selectedIndex = 0;
			}
 
 
			// In caso di URL inesistente
			private function faultData(event:FaultEvent):void
			{	
				Alert.show(“URL non disponibile”);
			}
 
		    // Visualizziamo l’abstract
		    private function viewAbstract(idxNews:uint):void 
		    {
			  	try
			  	{
					post_details.htmlText = String(dp[idxNews].description);
				}
				catch(e:*){}
		 	}
 
      		/*
				APERTURA URL dell’ARTICOLO COMPLETO
			*/	
			private function openURL(event:MouseEvent):void
			{
				var linkNews:String = dp[posts_list.selectedIndex].link;
				var adobeURL:URLRequest = new URLRequest(linkNews);
				navigateToURL(adobeURL, “_blank”);
			}
		]]>
	</mx:Script>
 
    <mx:HTTPService id=”rssRPC”
     resultFormat=”e4x”
     result=”defaultData(event)”
     fault=”faultData(event)”
 
     />
 
        <mx:ApplicationControlBar x=”0” y=”0” dock=”true” height=”44”>
        <mx:Label text=”Indirizzo RSS:”/>
        <mx:TextInput id=”testoInput” width=”380”/>
        <mx:Button label=”Leggi RSS”
        	click=”openCustomRSS(testoInput.text)”/>
    </mx:ApplicationControlBar>
 
    <mx:Label id=”title_txt” x=”10” y=”13” width=”570”/>
 
    <mx:VBox x=”10” y=”39” height=”199” width=”250”>
        <mx:List width=”100%” height=”100%” id=”posts_list”
        	dataProvider=”{dp}”
        	 change=”viewAbstract(event.currentTarget.selectedIndex)”
        	 labelField=”title”
        	 />
 
    </mx:VBox>
 
    <mx:TextArea id=”post_details” x=”268” y=”39” width=”312” height=”198”/>
 
    <mx:Button x=”149” y=”246” label=”Dettaglio news”
    	click=”openURL(event)”/>
 
 
</mx:Application>