WCF jQuery Support

Últimamente el equipo de Microsoft dedicado al desarrollo de WCF ha venido desarrollando algunos proyectos que mejoren nuestra experiencia al desarrollar aplicaciones con WCF y especialmente en el consumo de nuestros servicios a través de clientes HTTP, una de estas iniciativas es el proyecto WCF Support for JQuery , dicho proyecto consiste en un API que nos permite que nuestros clientes web interactúen fácilmente con nuestros servicios WCF a través del intercambio de objetos JSON .

Por otra parte este proyecto es de código abierto y lo podemos encontrar en wcf.codeplex donde además de este proyecto ser irán sumando otros proyectos que el equipo de WCF vaya desarrollando para extender el desarrollo de WCF.

Cuando instalen el paquete de instalación WCF jQuery Support, este añadirá una nueva plantilla entre nuestras aplicaciones web que además nos muestra un sencillo ejemplo de como empezar a usar esta API y como consumir y enviar objetos JSON desde nuestro cliente WEB.

La documentación de este proyecto aún está en proceso de desarrollo pero puede ver sus avances aquí.

Además dos ejemplos: Envió de datos de un formulario HTML y Manejando una colección de objetos desde el servicio.

Usando JQuery y Ajax para llenar un DropDownList y otros ejemplos prácticos.

El código que pueden ver en este post hace varias cosas que son muy típicas en cualquier aplicación Web , como llenar un dropdownlist en la carga inicial, llenar otro dropdownlist en función del valor del primero, y crear una tabla con algunos valores, la diferencia es que todo lo haremos del lado del cliente usando el framework javascript JQuery y comunicándonos con algún web services que nos devolverá los datos que necesitamos en formato JSON.
Si todavía alguno se pregunta cual es la ventaja de hacer esto con JQuery y del lado del cliente, pues dicha ventaja esta en que nos ahorramos las idas y venidas al servidor y pasar por todo el ciclo de carga de la pagina cuando hace postback lo cual implica envió innecesarios de datos al servidor aunque estemos usando Ajax o un updatepanel, por lo que hacerlo con JQuery y Ajax siempre será mas eficiente.

Mejora los tiempos de repuesta usando un CDN

Un CDN (content delivery network) esta compuesto por una red de servidores ubicados estratégicamente para proveer contenidos a diversos clientes y de esta manera maximizar el ancho de banda y aumentar la cantidad de peticiones por unidad de tiempo que pueden servir nuestras aplicaciones Web debido a que cada cliente accede al contenido estático de nuestra aplicación a través del servidor mas cercano que compone el CDN, el CDN posea copia del contenido en cada servidor  y este contenido puede estar compuesto por archivos descargables, documentos, stream de aplicaciones multimedia, archivos de script, etc.

Llamando a servicios Web desde javascript usando el ScriptManager

Ya anteriormente habíamos visto como configurar nuestro servicio Web para usar Json y también habíamos visto como hacer llamadas a paginas y servicios Web usando el objeto XmlHttpRequest, ahora veremos una opción mas sencilla  para hacer esto mismo usando el objeto ScriptManager  de asp.net.

Mejora el rendimiento de tus aplicaciones AJAX usando el objeto XmlHttpRquest

Este objeto hoy presente en la mayoría de los exploradores fue creado originalmente por Microsoft y es la base de la tecnología que conocemos como AJAX y la característica principal de este objeto es que nos permite a través de javascript realizar peticiones Get y Post por medio del http y https de esta manera  podemos recibir y enviar información a un servidor sin necesidad de refrescar la pagina y también podríamos consumir información desde distintos Web Services sin tener que enviar la pagina entera al servidor lo cual aumenta el consumo de ancho de banda y los tiempos de respuesta de nuestras aplicaciones Web.

Llamando a métodos de pagina con AJAX

El uso de llamadas a métodos de pagina es comúnmente usado en AJAX ya que esta técnica permite llamar a métodos estáticos desde javascript, para esto en necesario que el método que se desea exponer para ser consumido por javascript sea un método estático de esta manera no hará falta hacer una instancia de la pagina y no ahorramos todo el procesamiento que conlleva el ciclo de vida de una pagina, además de esto el método debe de tener el atributo WebMethod tal cual como si perteneciera a un servicio Web.

Para poder realizar la llamada desde javascript solo tenemos que colocar la propiedad EnablePageMethods  del ScriptManager igual a true luego podemos usar el método de la pagina con tan solo colocar PageMethods.NombreDelMetodo, el ultimo parámetro que recibirá nuestro método será el nombre de la función que será llamada al recibir el retorno del método de pagina.

Un ejemplo:

Del lado del servidor:

[WebMethod()]

Public static sting Mensaje (sting mensaje)

{

Return “Este es e mensaje:” + mensaje ;

}

Del lado del cliente:

<script>

function Enviar()

{

PageMethods.Mensaje($get(“mimensaje”).value , MensajeRecibido);

}

function MensajeRecibido(msg)

{

alert (msg);

}

</script>

<form runat=”server”>

<input />

<input

value=”Enviar Mensaje” onclick=”Enviar();” />

<br />

<asp:ScriptManager

runat=”server” EnablePageMethods=”True” />

</form>

Descarga .gif para usar en tus controles Update Progress con AJAX

La pagina http://ajaxload.info/ es un excelente recurso y además gratuito para crear archivos .gif personalizados que podemos usar con nuestros Update Progress en nuestras aplicaciones AJAX.

Exponiendo Web service con JSON

JSON es un formato de intercambio ligero que al igual que el XML puede ser  leído fácilmente  y es independiente de la plataforma, esta basado en sub conjunto de javascript por esta razón puede ser convertido a javascript rápidamente y por lo tanto es ideal para aplicaciones Web basadas en AJAX, pero la ventaja de JSON sobre AJAX es que es capas de representar la misma información en un formato mas ligero que el XML y por lo tanto es mas rápido de transportar y consume menos ancho de banda.

Como capturar y manejar mis errores de AJAX

Si hemos realizados aplicaciones Asp.Net utilizando Ajax nos habrá pasado que los llamadas asincrónicas a métodos puede ser que produzcan algún error y este error se refleje a en la internas de usuario como un error de javascript, esto por supuesto presupone un riesgo de seguridad ya que estos errores podría estar mostrando información relevante de nuestra aplicación a terceros mal intencionados, de aquí la importancia de poder manejar estos errores y convertirlos en errores mas amigables para el usuario y lo mas importante ocultar información referente al funcionamiento de nuestra aplicación.

Descarga de componentes .NET

Microsoft Visual Studio 2008 Service Pack 1 Beta

Con este SP obtenemos las siguientes mejoras y características:

· .NET Framework Client Release (“Arrowhead”)

· ASP.NET Dynamic Data

· ASP.NET Routing

· ADO.NET Data Services

· ADO.NET Entity Framework

http://www.microsoft.com/downloads/details.aspx?familyid=CF99C752-1391-4BC3-BABC-86BC0B9E8E5A&displaylang=en