Una vez que tenemos un servidor disponible para montar nuestra aplicación, necesitamos, utilizando la aplicación Developer de Facebook, crear o generar una nueva llave para la aplicación:
Ahora has creado el “espacio” para una nueva aplicación, se muestran una serie de detalles y puedes ver opciones como Advertise, DataStoreAdmin,Edit About Page, Edit Settings… etc, a nosotros nos va a interesar de estas opciones Edit Settings.
Una ves dentro de esta sección, vemos que hay muchos campos que hay que llenar, si visitamos este vínculo, puede que se aclaren ciertas dudas acerca de la anatomía de una aplicación. Ahora una descripción sobre los campos clave:
Callback URL:
Este el campo más importante de la aplicación, acá se define cuál va a ser el DIRECTORIO (nótese el énfasis en la palabra), de donde va a ser cargado nuestro contenido, es decir, es el directorio del repositorio donde se encuentran nuestros servlets y a donde Facebook hará pas peticiones de FBML (contenido). Si, por ejemplo la dirección completa de alguno de nuestros servlets es http://www.abcdefg.com/washa/servlet1, quiere decir que nuestros servlets se encuentran en http://www.abcdefg.com/washa/ y esta es nuesta Callback URL.
Canvas Page URL:
Este campo define cuál va a ser la dirección de nuestra aplicación según Facebook, podemos especificar cualquier nombre dentro de las diagonales, siempre y cuando esté disponible, inmediatamente se nos muestra un mensaje si el recurso está disponible o no. Cuando especifiquemos esta dirección, será posible escribir en nuestro navegador algo como http://apps.facebook.com/elnombredemiapp/Servlet1, y el contenido se mostrará en facebook, en un Canvas, completamente distinto si escribimos http://www.abcfedg.com/washa/Servlet1 que nos mostrará el contenido del servet en una página normal del navegador.
¿ FBML o iFrame ?
FBML por su puesto, como mencionábamos esta es la manera de hacer aplicaciones, de tal manera que se vean y sientan parte de facebook y no un marco (iFrame) que muestre contenido desde cualquier lugar, aunque si ustedes planean meter alguna aplicación que ya tienen hecha el flash (o como sea) y no quieren reescribirla para Facebook, esta es una buena opción para “insertar” la aplicación dentro de un Canvas en facebook.
(Dejamos los demás campos igual, solo seleccionamos Website y Yes para que nuestra aplicación pueda ser añadida a cualquier cuenta de Facebook, seleccionamos Users, de ser el caso, y si quieremos configuramos cosas como el ícono, terminos de servicio, etc)
Post-Add URL
Esta es la dirección del Servlet o la página que será llamada una vez que algún usuario haga click en “Añadir aplicación”, si nuestra aplicación no necesita hacer algo como requerir que inicies sesión en otro lado o mostrar una página de bienvenida, podemos poner exáctamente la dirección del canvas/servlet que vamos a cargar (p.ej. http://apps.facebook.com/elnombredemiapp/Servlet1).
Post-Remove URL
Por el momento se puede dejar en blanco, esta dirección normalmente se utiliza cuando un usario ha borrado nuestra aplicación y es necesario darlo de baja de nuestra base de datos, la llamada a esta página cuando un usuario ha borrado nuestra aplicación la hace Facebook de manera transparente, ver.
Default FBML
Este es el contenido que se muestra en una caja dedicada a nuestra aplicación en nuestro perfil, este contenido es estríctamente FBML y solo FBML dedicado al perfil, este puede ser actualizado a nuestra conveniencia usando las llamadas a la API de Java, en las clases que provee Facebook, hay funciones dedicadas a esto, específicamente revisen la clase FacebookRestClient.java, por el momento podemos simplemente poner algo como HOLA MUNDO (para que se vea original =)).
Default Action FBML
En blanco.
(Dejamos igual los demás campos)
Side Nav URL
Si revisaron la anatomía de una aplicación, verán que este término se le da al vínculo que aparece en el lado izquiero de nuestra pagina, donde se muestran las aplicaciones que tenemos instaladas, este campo se rellena con la página que queremos mostrar cuando se haga click en este vínculo, por ejemplo http://apps.facebook.com/elnombredemiapp/Servlet1.
Y así terminamos con rellenar los campos básicos de la aplicación, ahora podemos probar el resultado, añadiendo nosotros mismos nuestra aplicación y probando el resutlado.
Para añadir nosotros mismos la aplicación, es necesario que estén seleccionadas las opciones:
“¿Puede ser añadida la aplicación a Facebook?” YES
“¿Quién puede añadir la aplicación?” USERS
Dentro de la misma aplicación de Developer donde se listan de lado derecho las opciones de nuestra aplicación, seleccionamos: “View About Page” y allí tendremos la opción de “Añadir esta aplicación”.
Nota: el servlet con el que hagan la prueba puede (o debe) ser un servlet sencillo, sin etiquetas <head> o <body> ya que si se tratan de poner estas etiquetas Facebook marcará errores y creanme, la manera en la que Facebook muestra un error al cargar la página es la misma manera en la que Windows(r) describe sus errores (no muestran información útil), simplemente pongan una instrucción
out.println(”ESTE ES MI SERVLET”);
Tags: Facebook, fbml, canvas page, callback url
