Bienvenido a Klr20mg

Cronicas de un desarrollador

Actualmente soy Jefe de Desarrollo del area Flash en Sapotek de México en la cual trabajo desde hace mas de 4 años. Desarrollando aplicaciones en Flash para Web mas comúnmente llamadas (RIAs)

Estas en : Blog
  • Decrease font size
  • Default font size
  • Increase font size
  • color default
  • color verde
  • color azul
[Tutorial] Flex2 y Amfphp (RemoteObject) Post2PDF Print
January 28th, 2007

Hace poco mas de un mes se anuncio el lanzamiento de la versi贸n 1.9 alpha de amfphp, esta versi贸n por fin soportaba AMF3 y con ello interactuar totalmente con Flex2. Y el pasado viernes se lanzo la versi贸n beta 2, As铆 que es hora de que nos vayamos enterando de como funciona esta nueva versi贸n =)

1.Descargar e Instalar Amfphp 1.9 beta 2.

Descarga el archivo zip de amfphp 1.9, descomprimelo y sube el folder amfphp a alg煤n lugar de tu servidor, el mejor sitio seria el directorio principal de tu sitio. Para comprobar que todo esta correcto haremos la vieja pero siempre efectiva comprobaci贸n. En tu navegador escribe la direcci贸n que apunte hacia el archivo gateway.php

Si el folder de amfphp se encuentra en el folder ra铆z de tu sitio entonces la direcci贸n seria:

http://www.tusitio.com/amfphp/gateway.php

Si todo sale bien debes de ver un mensaje como este.

鈥渁mfphp and this gateway are installed correctly. You may now connect to this gateway from Flash.

Note: If you're reading an old tutorial, it will tell you that you should see a download window instead of this message. This confused people so this is the new behaviour starting from amfphp 1.2.

View the amfphp documentation

Load the service browser鈥

2. Crear nuestro primer servicio.

HelloWorld.php

PLAIN TEXT
PHP:
  1. <?php
  2.  class HelloWorld
  3.  {
  4.     public function SayHi()
  5.     {
  6.        return "Hi there. =)";
  7.     }
  8.  }
  9. ?>

Si ya hab铆as trabajado con una versi贸n vieja de amfphp te dar谩s cuenta que $this->methodTable se ha eliminado de la estructura de la clase.

$this->methodTable era utilizado para asignar las propiedades de las funciones, sobre todo la descripci贸n, y la forma de acceso, esto ultimo para saber si se podr铆a acceder a la funci贸n de forma remota o solo local.

En esta nueva versi贸n como dije antes $this->methodTable dejo de usarse. Ahora esta nueva versi贸n de amfphp asume que todas las funciones pueden accederse remotamente a menos que el nombre de la funci贸n comience con guion-bajo 鈥淿鈥 o la funci贸n sea declarada como privada, esta ultima opci贸n solo esta disponible en php5.

Un ejemplo HelloWorld2.php

PLAIN TEXT
PHP:
  1. <?php
  2.  class HelloWorld
  3.  {
  4.     public function SayHi()
  5.     {
  6.        return "Hi there. =)";
  7.     }
  8.     private function connectDB()
  9.     {
  10.        //PHP5
  11.        //Solo se puede ejecutar desde la misma clase
  12.     }
  13.     function _localMethod()
  14.     {
  15.        //PHP4
  16.        //Esta funcion tambien sera accesible desde la misma clase unicamente
  17.     }
  18.  }
  19. ?>

3. Configurar Flex2 para trabajar con amfphp

Debemos crear un proyecto b谩sico en Flex.

project1

project2

Ahora necesitamos crear un archivo de configuraci贸n para que flex sepa donde buscar nuestros servicios de amfphp.

Para ello creamos el archivo services-config.xml con la siguiente estructura

PLAIN TEXT
XML:
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <services-config>
  3.     <services>
  4.         <service id="amfphp-service" class="flex.messaging.services.RemotingService" messageTypes="flex.messaging.messages.RemotingMessage">
  5.             <destination id="amfphp">
  6.                 <channels>
  7.                     <channel ref="amfphpId"/>
  8.                 </channels>
  9.                 <properties>
  10.                     <source>*</source>
  11.                 </properties>
  12.             </destination>
  13.         </service>
  14.     </services>
  15.     <channels>
  16.         <channel-definition id="amfphpId" class="mx.messaging.channels.AMFChannel">
  17.             <endpoint uri="http://www.klr20mg.com/amfphp/gateway.php" class="flex.messaging.endpoints.AMFEndpoint"/>
  18.         </channel-definition>
  19.     </channels>
  20. </services-config>

La 煤nica linea que nos interesa y que debemos modificar es la siguiente:

PLAIN TEXT
XML:
  1. <endpoint uri="http://www.klr20mg.com/amfphp/gateway.php" class="flex.messaging.endpoints.AMFEndpoint">

Modificando la ruta hacia donde esta nuestro archivo gateway y guardandolo en el folder ra铆z de nuestro proyecto.

Una vez que tenemos nuestro archivo, dar click derecho sobre el nombre del mismo e ir a propiedades. Se abrir谩 una ventana de propiedades, obviamente, seleccionamos del men煤 izquierdo la pesta帽a 鈥淔lex Compiler鈥 y en la linea de 鈥淎rgumentos adicionales de compilaci贸n鈥 -s services 鈥渟ervices-config.xml鈥 y damos click en 鈥淥k鈥

project3

Ahora ya estamos listos para trabajar con amfphp 1.9 y Flex.

4. Probando la conexi贸n

Lo primero es subir nuestro servicio 鈥淗elloWorld.php鈥 el cual creamos en el paso 2.

Este servicio debe de estar dentro del folder amfphp/services, dentro, puedes crear folders anidados sin ning煤n problema en este caso lo colocare en la carpeta Tutorials/HelloWorld.

Creamos una peque帽a interfaz la cual constara de un un par de LinkButtuns, un TextArea contenidos dentro de un panel cuyos botones ejecutaran los m茅todos remotos de amfphp.

Algo as铆

PLAIN TEXT
XML:
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
  3.     <!-- Funciones que controlan los eventos del RemoteObject -->
  4.     <mx:Script>
  5.         <![CDATA[
  6.             import mx.rpc.events.FaultEvent;
  7.             import mx.rpc.events.ResultEvent;
  8.             public function onMethodResult(event:ResultEvent):void
  9.             {
  10.                 out_txt.text = "Result "+event.result
  11.                 out_txt.text += "\nDataType "+ typeof(event.result)
  12.             }
  13.             public function onServiceFault(event:FaultEvent):void
  14.             {
  15.                 out_txt.text = "Fault "+event.fault
  16.             }
  17.         ]]>
  18.     </mx:Script>
  19.     <!-- Declaracion del RemoteObject y sus metodos -->
  20.     <mx:RemoteObject
  21.         id="helloService"
  22.         source="Tutorials.HelloWorld.HelloWorld"
  23.         destination="amfphp"
  24.         fault="{onServiceFault(event)}"
  25.         showBusyCursor="true"
  26.     >
  27.        
  28.         <mx:method
  29.             name="SayHi"
  30.             result="{onMethodResult(event)}"
  31.         >
  32.         </mx:method>
  33.        
  34.        
  35.     </mx:RemoteObject> 
  36.     <!-- Layout general-->
  37.     <mx:Panel x="0" y="0" width="250" height="200" layout="absolute" title="Amfphp-RemoteObject">
  38.         <mx:LinkButton x="178" y="135" label="Fault" click="{helloService.invalidMethod.send()}"/>
  39.         <mx:LinkButton x="108" y="135" label="SayHi" click="{helloService.SayHi.send()}"/>
  40.         <mx:TextArea x="7" y="7" width="216" height="121" id="out_txt"/>
  41.     </mx:Panel>
  42. </mx:Application>

vamos a ver parte por parte.

PLAIN TEXT
XML:
  1. <mx:RemoteObject
  2.     id="helloService"
  3.     source="Tutorials.HelloWorld.HelloWorld"
  4.     destination="amfphp"
  5.     fault="{onServiceFault(event)}"
  6.     showBusyCursor="true"
  7. >
  8.    
  9.     <mx:method
  10.         name="SayHi"
  11.         result="{onMethodResult(event)}"
  12.     >
  13.     </mx:method>
  14. </mx:RemoteObject>

En este tag como se puede ver creamos nuestro RemoteObject los par谩metros son:

id : El nombre con el cual haremos referencia
source: el path a partir del folder amfphp/services, donde se encuentra nuestro servicio en el servidor,
destination: el identificador seteado en el tag <destination> del archivo services-config.xml
fault: El m茅todo que sera ejecutado al momento de que ocurra un error.
showBusyCursor: Mientras dure la ejecuci贸n del m茅todo remoto flex mostrara el cursor de ocupado

Dentro del tag RemoteObject debemos agregar los m茅todos a los cuales vallamos a acceder desde Flex y definir la funci贸n que se ejecutara cuando el m茅todo se haya ejecutado con 茅xito.

Esto lo hacemos definiendo el tag <mx:method>

PLAIN TEXT
XML:
  1. <mx:method
  2.     name="SayHi"
  3.     result="{onMethodResult(event)}"
  4. >
  5. </mx:method>

los par谩metros son:

name: El nombre del m茅todo que se ejecutara, que es el mismo que tenemos en nuestro servicio.
result : asignamos la funci贸n que se ejecutara cuando el m茅todo remoto se ejecute.

Por ultimo, debemos ejecutar dichos m茅todos desde nuestra interfaz, en este ejemplo se ejecutan mediante un LinkButton

PLAIN TEXT
XML:
  1. <mx:linkbutton x="108" y="135" label="SayHi" click="{helloService.SayHi.send()}">

Al momento de dar click enviamos la petici贸n de ejecuci贸n del m茅todo SayHi que esta definido dentro del RemoteObject helloService, simple cierto? ;)

Este es el resultado final.

Aqui estan los archivos completos del proyecto. helloworld-amfphp19.zip

Con esto podemos comenzar a trabajar y a aprovechar todas la ventajas que amfphp nos ofrece.

Cheers. 8)
Archivado bajo : AMFPHP, Flex, Tutoriales - Este post tiene : 9 Comentarios »
 
AMFPHP 1.9 Beta 2, Con codificaci贸n/decodificaci贸n nativa Post2PDF Print
January 26th, 2007

Leyendo el blog de Patrick Mineault. Veo el anuncio del release de la versi贸n 1.9 Beta 2 de AMFPHP y lo mas sobresaliente de este release es que ahora la codificaci贸n/decodificaci贸n de AMF es ahora nativa de PHP. Haciendo el proceso entre 50 y 200 veces mas r谩pido seg煤n escribe Patrick.

Aqu铆 esta toda la informaci贸n al respecto.

Habr谩 que probarlo

Enjoy.
Archivado bajo : AMFPHP - Este post tiene : 0 Comentarios
 
AMFPHP Soporta AMF3 Post2PDF Print
December 12th, 2006

Mediante la lista de correo de AMFPHP me encuentro con una grata noticia, AMFPHP soporta AMF3 yeah.. :)

En lo personal hab铆a probado WebOrb con Flex pero no me gusto del todo. Sera que siempre he sido fiel a amfphp :D.

Ahora con este versi贸n podremos trabajar con Flex usando AMF3 sin ning煤n problema, que mas se puede pedir. =)

No voy a traducir el correo completo jeje as铆 que hago un copy/paste del correo original de Patrick Mineault


"Hi all,

I've finally gotten around to add AMF3 support to amfphp, so you can
finally use Flex 2's RemoteObject with it. To test the new features,
I've created a new Service Browser in Flex 2 which allows you to
introspect services and test methods on the fly. I need people to test
out the new AMF3 support.

Read the rest of this entry »
Archivado bajo : AMFPHP - Este post tiene : 0 Comentarios
 
Consuming the MXNA web service using AMFPHP [Tutorial] Post2PDF Print
July 12th, 2005

Esta semana he tenido algo de tiempo y al fin he escrito un tutorial introductorio sobre como consumir Web Services mediante AMFPHP v1.0.

En este tutorial hacemos uso de los Web Services de Macromedia XML News Aggregator

Sin m谩s rodeos aqu铆 esta el Tutorial.

consumiendo_web_services_amfphp_flash_mx_2004

see ya... 8-)

Archivado bajo : AMFPHP, ActionScript - Este post tiene : 4 Comentarios »
 
amfphp.org con nuevo Look 隆El mio! Post2PDF Print
June 28th, 2005

El dia de hoy se ha hecho oficial el lanzamiento del nuevo look del sitio del proyecto amfphp.

Como todos saben, se lanzo un concurso para escoger un layout para dicho sitio. En total solo se enviarion 3 Layouts.

Pero bueno, resumiendo el layout que envie resulto el ganador. ;)

Layout original http://www.klr20mg.com/layout

Sitio oficial del amfphp http://www.amfphp.org

Una entrada mas para el CV. :P

Archivado bajo : AMFPHP - Este post tiene : 6 Comentarios »
 
AMFPHP 1.0 milestone 1 !Ya esta disponible! Post2PDF Print
June 26th, 2005

Patrick Mineault ha lanzado la version milestone de AMFPHP 1.0, segun explica en su blog esta es la ultima o penultima version antes de lanzar el Release total de la version 1.0.

Hay que empezar a probarla a ver que tal.. :)

Mas detalles Aqui
Archivado bajo : AMFPHP, ActionScript - Este post tiene : 0 Comentarios
 
amfConnect.as, Clase que facilita el trabajo con AMFPHP Post2PDF Print
June 6th, 2005

He escrito una clase que hace mas sencillo el trabajar con AMFPHP, La clase se encarga de crear el gateway de AMFPHP, instanciar los servicios y hacer las llamadas a los m茅todos de dichos servicios su eso es simple.

Su uso es algo as铆

PLAIN TEXT
Actionscript:
  1. import amfConnect;
  2. var rm:amfConnect = new amfConnect("http://klr20mg.com/amfphp/gateway.php");
  3. rm.setService("HelloWorld");
  4. rm.doQuery("getMessage", getData);
  5. function getData(obj) {
  6.     trace(obj);
  7. }

La clase, la documentaci贸n y los archivos fuente est谩n disponibles en el FlashWiki

enjoy ;)

Archivado bajo : AMFPHP, Clases AS2 - Este post tiene : 4 Comentarios »
 
Entradas Anteriores Entradas Siguientes
[ Regresar ]

 Blog editado por:

Enrique Chavez aka Tmeister
Si los codigos de este sitio te han ayudado y gustas ayudar de alguna forma:

 Compra Links

 Suscribete


AddThis Social Bookmark Button

 Archivo

2008
2007
2006
2005
2004