Turbine sua aplicação PHP com o Flex

O seu código deve estar parecido com o abaixo:

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="onCreationComplete()">
        <mx:VBox top="0" left="0" right="0" bottom="0">
                <mx:Image id="image" width="150"/>
                <mx:LinkButton label="LinkButton" id="link" width="150" click="onLinkClicked()" />
        </mx:VBox>
        <mx:Script>
               <![CDATA[
                        private var linkURL: String ="";

                        private function onCreationComplete() : void
                        {
                                setData(
                                        application.parameters.imageURL,
                                        application.parameters.productTitle,
                                        application.parameters.productLink);
                        }
			
                        private function setData(imageURL: String, productTitle:String, productLink:String) : void
                        {
                                image.source = imageURL;
                                link.label = productTitle;
                                linkURL = productLink;
                        }
			
                        private function onLinkClicked():void
                        {
                                navigateToURL(new URLRequest(linkURL));
                        } 
                ]]>
        </mx:Script>
</mx:Application>

Se tiver, execute a aplicação para visualizar o resultado:

Então, agora temos a estrutura básica de uma aplicação Flex. Em seguida, usaremos o PHP para criar um arquivo XML que será lido pela nossa aplicação.

Trabalhando com dados XML

Se seu aplicativo puder gerar dados XML, a próxima parte deste tutorial irá mostrar como trabalhar com estes dados no Flex. XML é um padrão de transferência de dados muito difundido e pode ser criado facilmente e o mais importante o Flex suporta XML. Essas são as razões para utiliza-lo, agora vamos ao exemplo.

Antes de começar é bom frisar que o Flash tem uma política extremamente rigorosa quando se trata de acessar dados de um domínio diferente, então execute a sua aplicação Flex no mesmo domínio que o arquivo XML está sendo criado, ou crie um arquivo de política entre domínios no servidor onde esta o PHP que gera o XML. Para maiores informações confira este artigo do Adobe Developer Connection.

Já que estamos usando o HTML para recuperar os dados, vamos usar a classe HTTPService, para fazer o trabalho pesado por nós. Nós diremos a HTTPService onde se conectar e o que fazer com os dados retornados.

Para testá-la, vamos precisar de um simples código PHP para gerar os dados. Em uma situação real, você estaria pegando estas informações do banco de dados, mas para este exemplo vamos atribuir estes valores. Aqui está um script PHP que usa uma função para busca os dados, e cria uma variável para guarda-lo, e então gera os dados em formado XML:

 <?php  
   header("Content-type: text/xml");  
   function getData() {  
      $data["productLabel"] = "Pato de borracha";  
      $data["productLink"] = "http://www.sxc.hu/photo/638995";  
      $data["imageURL"] = "http://www.sxc.hu/pic/m/n/ni/nitewind23/638995_dead_rubber_ducky.jpg";  
      return $data;  
   }  
     
   $product = getData();  
 ?>  
 <?php echo '<?xml version="1.0"?>'; ?>  
 <data>  
  <product>  
     <label><?php echo $product["productLabel"] ?></label>  
     <link><?php echo $product["productLink"] ?></link>  
     <imageURL><?php echo $product["imageURL"] ?></imageURL>  
  </product>  
 </data>

Em nosso aplicativo Flex, vamos definir um HTTPService apontando para a nossa página PHP, adicionando um bloco do HTTPService no código. Dentro deste bloco, precisamos definir um nome único para o serviço (id) para que possamos acessa-lo no nosso código ActionScript, além da URL requisitada (url) e do formado do resultado (resultFormat).

Uma coisa para não se esquecer, é que a chamada será assíncrona, o método é chamado e retorna na hora a resposta, isto tudo funcionando em modo background. Se o retorno for bem sucedido, ele nos retorna result, se ocorrer algum erro o retorno será fault.

O código do HTTPService, que pode ser visto abaixo, será colocando antes do bloco do mx:Script:

    <mx:HTTPServiceid="productService" url="http://localhost/service.php" resultFormat="e4x" result="serviceLoaded(event)" fault="serviceError(event)" />

Quando um HTTPService retornar um XML, definimos o tipo de formato esperado, resultFormat, como e4x (ECMAScript for XML). Desta forma, temos acesso a uma serie de funções JavaScript que nos permite trabalhar com o XML retornado.

Em seguida, precisamos definir o que vamos fazer com os dados que recebemos do HTTPService. Nós sabemos o formato do resultado, então vamos simplesmente tratar o resultado do evento como XML. Isso nos permite acessar os dados no XML como um objeto. O primeiro nível do nosso XML (data no nosso exemplo) será mapeado para um objeto XML (xmlData no nosso exemplo), então podemos acessar o elemento do segundo nível, usando xmlData.product. Uma vez que o XML pode conter diversas tags product, é preciso especificar qual queremos, neste exemplo, ela será a primeira (xmlData.product[0]). Os elementos dentro da tag product, podem ser acessados diretamente. Agora basta passar os dados para a nossa função setData que tudo funcionará. Iremos fazer tudo isto na função serviceLoaded:

        private function serviceLoaded(event: ResultEvent) : void
        {
               var xmlData: XML = event.result as XML;
               setData(
                       xmlData.product[0].imageURL,
                       xmlData.product[0].label,
                       xmlData.product[0].link);
        }

Também precisamos definir outra função, a serviceError, para quando acontecer um erro com o HTTPService. Normalmente ela definida para repetir a ação, mas no momento vamos simplesmente gerar uma mensagem de erro:

      private function serviceError(event: FaultEvent) : void
      {
            trace("Unable to get XML:" + event.fault.message);
      }

Para não ocorrer nenhum erro, coloque no inicio do código ActionScript a referencia abaixo:

        import mx.rpc.events.*;

Agora execute a aplicação para visualizar o resultado:

Como você pode ver a conexão do Flex com o PHP é muito simples. Se o seu aplicativo PHP dispõe de um serviço que retorna um XML, o Flex pode receber esses dados e exibi-los.