Asociando una aplicación web con Windows Live ID
Para implementar el proceso de autenticacion via Windows Live lo que primero que debemos hacer es registrar la aplicación web que usar el servicio de Live ID en el administrador de servicios de Windows Live ID.
Creando el proyecto web
El primer paso seria crear un website con el visual studio : Archivo > Nuevo > Sitio Web
El sitio web lo he creado con el nombre de WebSiteLiveId.
Despues de creado el sitio web debemos desactivar el uso de puertos dinamicos para el WebSiteLiveId ya que el servicio de windows live Id retorna a la direccion especifica bajo la cual se registro y debido a que sobre ambiente de desarrollo. El servidor de desarrollo de ASP.NET cambia el numero de puerto de forma aleatoria cada vez que se abre el proyecto y se sube el servicio.
Para desactivar el uso de puertos dimanicos se debe seleccionar el proyecto WebSiteLiveId en la pestaña del explorardor de soluciones y abrir la pestaña de propiedades y establecer con el valor de false en la propiedad uso de puertos dinamicos.
Despues de realizado el paso anterior ejecutamos el proyecto para copiar la url que nos aparece en el navegador que en mi caso es http://localhost:11035/WebSiteLiveId/Default.aspx esta url la necesitaremos para realizar el registro en el administrador de servicios de Windows Live para activar el servicio para esta aplicación web.
Registrando la aplicación web en el administrador de servicios
Para registrar la aplicación y activar el servicio de Windows Live ID debemos ingresar al navegador la siguiente dirección url https://msm.live.com/app/default.aspx
Después de haber ingresado al administrador de servicios de Windows Live debemos iniciar sesión dando clic en SignIn.
Cuando ya nos hemos autenticado en el administrador de servicios podemos registrar la aplicación para eso debemos ingresar en Register an Application (Registrar una aplicación) en el menú Application Center, el cual nos envía a un formulario para registrar la aplicación web en el que se encuentran los siguientes campos.
-
Application Name (Nombre de la aplicación): el cual debe contener menos de 129 carácter y no debe ir incluidos caracteres como < > %, para este caso la he llamado WebSite LiveId.
-
Return URL (URL de retorno): que es la dirección de una url valida que puede ser del tipo http o https que no incluya alguna cadena de consulta y que sea menor de 255 caracteres. Este campo lo establezco con la url de mi proyecto http://localhost:11035/WebSiteLiveId/Default.aspx para que al momento de ser validas las credenciales del usuario en el proceso de autenticacion, el servicio de Windows Live ID retorne al usuario a la aplicación web que esta en ambiente de desarrollo.
-
Secret Key (Clave secreta): este campo de contener una palabra entre 16 y 64 caracteres que no incluyan los siguiente caracters < > %. Esta palabra secreta es usuada por el servicio para codificar los datos enviados a la aplicación web y descodificar estos datos recibidos en la aplicación web por parte del servicio de Windows Live ID, al momento de realizar una autenticacion exitosa por parte del usuario.
-
Application verifier required: Esta propiedad determina si un verificador de token se incluira en todas las solicitudes emitidas por la aplicación web, debido a esto este campo recibe solo dos valores 1 = true – 0 = false.
Después de leer los términos de uso del servicio realiamos el checking y damos clic en submit.
Al finalizar el registro el administrador de servicios de Windows Live no retorna el numero del ID de la aplicación que usaremos para nuestra aplicación web.
Invocando el servicio de Windows Live ID desde nuestro website
Para invocar el servicio debemos usar una etiqueta iframe que apunte http://login.live.com/controls/WebAuth.htm?appid=AppID en donde AppID corresponde al ID de aplicación que nos proporciono el servicio de Windows Live ID al momento del registro. que en mi caso de apuntar de la siguiente forma:
http://login.live.com/controls/WebAuth.htm?appid=0000000044007BB6
Resultado final
Ingresando la credenciales
Autenticacion exitosa
