Introducción Web Services. Flex junto a .NET
Este artículo nos mostrará básicamente como interactuar entre dos tecnologías de moda, FLEX para aplicaciones Flash con lenguaje Action Script, y Web Service de .NET en lenguaje de programación C#..
Primero algunas definiciones que se deben tener en cuenta.
Web Services
Conjunto de protocolos y estándares que sirven para intercambiar datos entre aplicaciones. En otras palabras son aplicaciones que nos permiten el intercambio de datos por XML.
Ventajas de los Web Services
Cualquier aplicación puede consumir los XML , es decir si el servicio web esta contruido bajo .NET, Java, PHP, CFML , cualquier cliente que use estas tecnologías puede consumirlo, esto lo hace multiplataforma y sobre todo muy portable.
SOAP (Simple Object Access Protocol)
Base de los Web Services para intercambio de datos. SOAP es usado para intercambio de información entre las operaciones del Web Service. Usa XML para codificar llamadas de RPC (Remote Procedure Calls.)
WSDL (Web Service Definition Language)
Descripción de mensajes y tipos de mensajes que el Web Service recibirá o enviara, en otras palabras este lenguaje nos dice que métodos podemos consumir, también de lo que debemos enviar y recibir, además nos puede presentar una descripción de funcionalidad de estos métodos.
Creando Web Services en .NET
Antes que nada debemos tener Visual Studio 2008 para desarrollar nuestra aplicación.
Lo primero que debems realizar es Abrir Visual Studio 2008 ir a Archivo -> Nuevo -> Sitio Web y nos aparecerá la siguiente interfaz.
Crear nuevo Servicio Web
Luego de esto ya podemos comenzar a trabajar. Entonces lo primero que nos aparece es la siguiente plantilla que nos entrega la estructura de código con el cual podemos implementar nuestro Web Service.
Código del Service.cs
Como podemos apreciar el archivo Service.cs que contiene el código esta ubicado en la carpeta App_Code.
Todos los métodos web que podemos usar con nuestra aplicación desde el lado del cliente debe tener el tag [WebMethod].
Probemos Hola Mundo
Para ver como funciona nuestro Web Service que actualmente tiene el método HelloWorld() que lo único que hace es retornar un string “Hello World”. Presionemos F5 y veamos que sucede.
Nos aparece lo siguiente y presionamos aceptar
Mensaje de Depuración
Luego de esto finalmente tenemos nuestro Web Service en funcionamiento
Web Service en ejecución
Vemos que nos muestra la lista de funciones disponibles que en este caso es HelloWorld nuestro único WebMethod. Si presionamos en descripción de servicios nos muestra el archivo WSDL correspondiente, y que no es nada fácil de entender para nosotros.
Entonces veamos ahora la el método HelloWorld.
Hola Mundo
Probemos presionando en Invocar y vemos que nos ha retornado un XML con la respuesta de nuestro WebMethod.
Respuesta HelloWorld en XML
Entonces ya tenemos listo nuestro web Service. Para programar funcionalidades más complejas, la complejidad no estará en el Web Service sino en ellas mismas.
Un punto importante es tener en cuenta copiar la URL donde tenemos alojado el WebService, que en te caso es http://localhost:52601/WebServiceEjemplo/Service.asmx para su uso posterior en FLEX.
Flex y el uso del WebService.
Primero lo que debemos hacer es bajarnos Adobe Flex Builder 3.
Una vez abierto vamos a File-> New -> MXML application
Creamos un sencillo formulario como el de abajo
Formulario en Flex
Entonces recibiremos la respuesta de HelloWorld() en el textbox una vez que presionemos el botón bajo este.
Dejo el código de nuestra aplicación
Código en Flex
Ahora solo basta correr la aplicación flex (CTRL+F11), presionar el botón “Llamar Web Service” y vemos que ha funcionado.
Aplicación Flex corriendo
Vemos que el texto retornado por nuestro WebMethod ha llegado al textbox.
Suerte y espero se haya entendido.
