Creando aplicaciones en Facebook

El formulario de creación de aplicaciones canvas de Facebook suele ser un obstáculo difícil de superar para muchos desarrolladores que pretenden implementar alguna función de su website relacionada con Facebook y que requieren el uso de una aplicación, normalmente el inicio de sesión con cuentas Facebook. En gran medida ello se debe a que no existe una documentación especifica que sirva de guía para generar aplicaciones canvas.

Para que un usuario de Facebook pueda crear aplicaciones debe cumplir 2 requisitos indispensables.

1. El usuario debe tener un mínimo de 10 meses de antiguedad.
2. El usuario debe verificar su cuenta, asociando un numero de telefono movil o tarjeta de credito a su cuenta de Facebook.

Si no se cumple alguno de los dos requisitos, sencillamente no se permite crear aplicaciones. La única opción alternativa pasa por encontrar una alma caritativa que si cumpla esos dos requisitos. ;)

Las aplicaciones se crean desde www.facebook.com/developers/ la aplicación "desarrollador" nos solicitará autorización para acceder a nuestra información básica, en cuanto aceptemos nos llevará a una página de inicio de desarrolladores, donde veremos la ultima noticia del blog oficial de desarrolladores de Facebook, una columna a la derecha vacia indicandonos que no tenemos ninguna aplicación y un botón encima que nos invita a crear una aplicación nueva.

Formulario para crear la aplicación

Facebook nos solicita un nombre entendible por los humanos para nuestra aplicación. Así como aceptar sus condiciones de uso. De no cumplirlas no se validará mas adelante nuestra aplicación o sencillamente nos la bloquearán si algún usuario denuncia la aplicación y no estamos cumpliendo dichas condiciones.

Pasar el captcha que aparece a continuación no tiene ningún secreto, asi que obviaré ese punto.

Ya estamos oficialmente en la pantalla que veremos siempre que vayamos a editar la configuración de la aplicación.

About

Rellenar esta primera pantalla “About” es relativamente sencillo, podemos modificar el nombre de la aplicación, agregar una descripción. Subir el icono miniatura de 16x16 px y un logotipo de 75x75 px. Definimos el idioma, y completamos las celdas de contacto con los correspondientes mails o rutas absolutas (en el caso de urls) y ponemos las rutas a nuestro website de las condiciones de uso y política de privacidad, si disponemos de ellas.

Web Site

En esta pantalla encontramos los numeros de ID de la aplicacion y el secret number que requiere fbconnect en el menú de administración de Drupal. Y deberemos rellenar con una ruta absoluta la dirección de nuestro website. (Ejemplo: http://www.miquelcarol.com) Si vamos a usar subdominios en la aplicación, deberemos rellenar también la siguiente celda. (Ejemplo: miquelcarol.com)

Facebook integration

Esta es la página que mas quebraderos de cabeza suele dar a los noveles. Recuerdo a principios de 2010 la frustración que llegué a acumular contra esta página montando aplicaciones con el formato antiguo FBML. Y los problemas que tenia Drupal para detectar y montar páginas en ese formato. No es extraño que Facebook se haya decidido por dejar de usar ese formato y pasar a usar iframe. Ello facilita mucho el uso de aplicaciones por parte de websites externos. Facebook se limita a crear un marco iframe donde mostrara nuestras páginas donde solamente tendremos que preocuparnos de asignar un tamaño máximo de 760 px de ancho de pantalla.

• Canvas Page : Definimos el link que tendrá nuestra aplicación de Facebook, debe tener almenos 8 caracteres. Ejemplo: blog-miquel
• Canvas URL : La url absoluta que mostrará la aplicación al arrancar. Debe tener un simbolo / al final, en Drupal no tenemos problemas se agrega a la ruta que usaremos y listo, resto de cms os tocara buscar un modo. Ejemplo: http://www.miquelcarol.com/front-face/ (he usado una vista simple ;)
• Secure canvas URL : Si vamos a usar una conexion segura, se usa como en la opción anterior. Para la mayoria de sitios lo dejaremos en blanco.
• Canvas Type : Seleccionamos Iframe, la otra opción FBML pasará a desuso en los próximos meses.
• Medida de Iframe : Podemos seleccionar si queremos usar un scroll o mostrar páginas fijas, he usado scroll para poder desplazar la página drupal hacia abajo. Mientras tengais claro que el ancho de página deberá ser de 760 px, no debeis preocuparos por efectuar ninguna modificación mas en vuestro website.
• Bookmark URL :Los usuarios pueden marcar nuestra aplicación en sus páginas de inicio en Facebook. Si dejamos en blanco esta celda, se usara por defecto la ruta apps.facebook.com/APLICACION. Podemos definir otra ruta, aunque a muchos usuarios les molestara que les "echeis" de Facebook.
• Social discovery : Dejadlo habilitado ya veremos en el futuro como usarlo.
• Page tabs : Estas celdas funcionan igual que las que usamos en las canvas y se usa para generar una etiqueta en nuestra pagina de fans para guiar a los usuarios hacia nuestra aplicación. Un modo inteligente es generar una pagina con nuestro botón fbconnect modificado para controlar de forma sencilla que permisos vamos a solicitar. ;)

No es necesario que configuremos nada mas por ahora, si vamos a usar un sitio web (Drupal u otro) para usar en nuestra aplicación de Facebook. Pulsamos sobre guardar cambios. Y podremos ver la página con todos los datos de nuestra aplicación. Podemos ojear la ruta que hemos indicado a la aplicación (Ejemplo: http://apps.facebook.com/blog-miquel/ ) y poder empezar a crear aplicaciónes Facebook usando las soluciones disponibles en Drupal.