Ola, somos Arume

Desenvolvemos páxinas web, aplicacións para móbiles, capas de realidade aumentada e aplicacións para Facebook. Apaixónanos a informática e somos uns perfeccionistas incurables; por eso nos nosos proxectos utilizamos estándares.

tel. 625 519 694

Mendaña de Neyra, 34, 3º B, 15008, A Coruña

Autenticarse

Rexistrarse. Esqueceches o teu contrasinal?

Etiquetas

Saltar as etiquetas

Subscríbete ás RSS

Estás en:

  • Inicio >
  • Blog >
  • Aplicacións en pestanas de Facebook

Aplicacións en pestanas de Facebook

20 Feb 2012 por Jose

Comentarios: 14

Facebook

Facebook converteuse nos últimos anos en algo máis que unha rede social, debido ó seu gran número de seguidores, as empresas viron unha importante plataforma onde captar clientes, isto unido a que a rede social está capacitada para conter aplicacións de terceiros de forma sinxela fixo que proliferasen rapidamente.

No último ano Facebook fixo cambios moi importantes na súa estrutura, entre outras eliminou a aplicación FBML responsable da creación das pestanas, sub-páxinas ou solapas nas páxinas de Facebook, e obrigando a crealas mediante aplicacións que utilizan iFrames.

Crear unha aplicación en Facebook

Un iFrame é basicamente unha páxina web contida dentro doutra. Para a creación de aplicacións desde iFrames, deberemos ter unha páxina aloxada nun servidor externo a Facebook (este ofrece un servizo de aloxamento na nube) que se enlazará ca nova aplicación. Vexamos como crear unha destas aplicacións, cuns sinxelos pasos.

Primeiro, debemos acceder a Desarrolladores de Facebook cunha conta verificada por Facebook. Debemos dar permisos á aplicación "Desarrollador" de Facebook, pulsamos o botón "Create new app", e cubrimos os campos:

  • Nome da aplicación: Nome para mostrar ós usuarios.
  • Namespace: Este valor é o valor personalizado para acceder ás ferramentas de Facebook, así como ó Canvas URL.
  • Aceptamos as condicións de uso de Facebook.

Xa podemos configurar o resto de parámetros da nosa aplicación; os máis relevantes son:

App Domain
Para habilitar os subdominios requiridos.
Website: Site URL
Dirección onde están aloxados os arquivos da nosa aplicación.
App on Facebook: Canvas URL
Será a dirección que se mostrará ó cargar o iFrame en Facebook.
App on Facebook: Secure Canvas URL
Deberás proporcionar unha dirección con cifrado SSL para os usuarios que naveguen co protocolo HTTPS.
Pestana da páxina: Nome
Nome da pestana que se mostrará cando a asocies nas páxinas. Este valor é configurable para cada pestana onde se instale a aplicación.
Pestana da páxina: URL de pestana da páxina
Dirección que se mostrará ó pulsar na pestana.

Con isto, xa temos a nosa páxina web mostrándose dentro da pestana de Facebook. Esta páxina pode estar realizada con calquera linguaxe web, aínda que Facebook ten a disposición dos programadores os SDK de PHP para facilitar a creación destas páxinas.

Conclusión

Aínda que con respecto á antiga aplicación FBML, a creación de aplicacións en pestanas complícase un pouco e tes a necesidade de coñecer unha linguaxe web, temos a cambio un maior control sobre a información do noso sitio.

Esta entrada trata sobre como mostrar a túa páxina persoal na Facebook, instalándose nas chamadas Fan page, pero Facebook tamén ofrece ferramentas para integrar as súas vantaxes na túa propia páxina web a través dos Social Plugings.

Máis información

Comentarios

14 comentarios. Comentar.

1. Xurdito o 28 Feb 2012 ás 21:42:37

Hola que tal, tengo un detalle, sigo todos estos pasos, pero me exige que mi direccion URL de CANVAS sea con HTTPS y al ser asi, mi app de facebook no carga, pues no es visible bajo esta seguridad, como puedo hacer en este caso, saludos.

2. Jose o 29 Feb 2012 ás 08:35:48

Hola Xurdito.

Desde Octubre de 2011 es obligatorio que las aplicaciones tengan una URL de seguridad, son exigencias de Facebook y no se puede hacer nada en contra de eso.

Cada usuario en Facebook tiene una opción de configuración en la seguridad (Inicio -> Configuración de cuenta -> Seguridad -> Navegación segura), que si está activada no permite acceder a las aplicaciones configuradas sin HTTPS y al venir activada por defecto perderías a la mayoría de los usuarios. Puedes desactivarla para ver el resultado pero no podrás exigirle al resto de los usuarios que lo hagan.

La opción que te queda es obtener un certificado SSL.

Un saludo.

3. Xurdito o 29 Feb 2012 ás 17:44:23

Muchas gracias, por la aclaración a mi duda, por cierto muy buen blog.

Saludos.

4. Javier o 02 Mai 2012 ás 11:35:48

¿Cómo podrían hacerse visibles estas app a través de dispositivos móviles? Algo habrá que rellenarse en "Sitio web", "Aplicación iOS Nativa" y "Aplicación Android Nativa", pero desconozco qué. ¿Sabemos algo sobre ello? GRACIAS! ;)

5. Jose o 03 Mai 2012 ás 10:31:04

Hola Javier.

Aún no he empezado a trabajar con las aplicaciones móviles para Facebook, pero he podido ver que, en efecto las apps para dispositivos móviles necesitan configurar esos campos, en la documentación de Facebook puedes ver como se hace esto.

https://developers.facebook.com/docs/guides/mobile/

6. Asier o 26 Xuñ 2012 ás 20:55:07

Hola! ante todo gracias por el post.

Estoy tratando de configurar mi primera aplicación y me sale el siguiente mensaje de error:

"Error

You have specified an App Domains but have not specified a Site URL or a Mobile Web URL

midominio.com must be derived from your Site URL or your Mobile Web URL."

¿Alguien tiene idea de lo que ocurre?

Gracias de nuevo!

7. Jose o 27 Xuñ 2012 ás 13:22:58

Hola Assier.

El problema que te ocurre es porque has cubierto el parámetro App Domain, pero éste debe ser el dominio o un subdominio de alguno de estos parámetros, que no pueden estar vacios si estableces el App Domain:

- Website with Facebook Login (antes del 29/05/2012 se llamaba Website: Site URL)

- Mobile Web URL

Un saludo

8. Asier o 29 Xuñ 2012 ás 15:53:13

Hola Jose gracias por la respuesta!

Tienes razón, estuve siguiendo varios manuales para configurar la aplicación y en ninguno me detallaba este asunto, tras mucho buscar en páginas en inglés me di cuenta de que (en mi caso) a demás de activar la opción"Pestaña de la página" (que era la única que tenía marcada) debía activar la opción "App on Facebook". Por último quité los datos del campo "App Domains" y listo!

Gracias por todo, buen blog y buen contenido!

9. Sergio o 06 Xul 2012 ás 16:25:49

Hola Jose, ante todo gracias por el post.

Te queria hacer una pregunta. He creado una aplicacion y veo todo bien desde la pestaña que he creado. El problema que tengo es que solo la veo con mi usuario. El resto no ve el contenido de la pestaña. Que podra ser? desde ya muchas gracias. Sergio.

10. Jose o 08 Xul 2012 ás 11:02:49

Hola Sergio.

Desde la administración de la aplicación puedes controlar restricciones de acceso basadas en filtros de país, edad o contenido; esto se hace desde la pestaña de Configuración->Advanced.

Si no es por esta configuración no se dónde puede estar produciéndose el error. Siento no poder ayudarte más pero no encuentro información sobre esto y no consigo reproducir un error similar.

Un saludo.

11. Sergio o 13 Xul 2012 ás 14:57:01

Gracias Jose!

por Configuración->Advanced. no he logrado verlo con otro usuario. Seguire probando, muchas gracias. Sergio.

12. Pablo o 08 Out 2012 ás 11:31:24

Hola.. alguien me puede ayudar con esto, me sale error cuando voy a seleccionar mi album de facebook.

El error es el siguiente: Error de API de Facebook: A session key is required for calling this method (453)

13. Pablo o 09 Out 2012 ás 18:58:03

Problemas solucionado.. tenia que actualizar mi phoca gallery y mi joomla :)

14. Anónimo o 26 Out 2014 ás 15:16:21

Hola mi problema es que cuando quiero comentar en mi pagina, me dice que la pagina no es segura por lo tanto no lo publicara... a que se debe? muchas gracias

Florencia

Comentar

Comentar de forma anónima

Podes comentar poñendo calquera nome ou alcume, exceptuando os nomes de usuarios rexistrados. Máximo de 50 caracteres.

Comentar como usuario rexistrado

Rexistrarse. Esqueceches o teu contrasinal?