02. Crear aplicaciones Facebook: Introducción a la API

En este vídeo veremos la introducción al manejo de la API, es decir la librería del cliente oficial de Facebook para PHP.

Conoceremos el concepto API, veremos como obtener la API facebook y como incluirla en nuestros proyectos, mostraremos como obtener documentación, veremos que es el lenguaje FBML, sus etiquetas y sus atributos muy similar a HTML.

Crearemos nuestra primera sencilla aplicación incluyendo lenguaje FBML, para obtener y mostrar el nombre del usuario logueado mediante la etiqueta fb:name.

Todo lo vemos en poco menos de 10 minutos.

Descarga: Archivos del ejercicio del vídeo.

Compartir:
  • Facebook
  • Twitter
  • del.icio.us
  • Technorati
  • Digg
  • email

36 Respuestas para “02. Crear aplicaciones Facebook: Introducción a la API”

  • Wiz says:

    Lo esperaba con muchas ansias maestro, gracias!! ojala sigas con esta maravillosa serie de tutoriales! :D

  • pablo says:

    este es un tema muy interesante!! espero el siguiente tut con ganas ;)

  • jose says:

    Excelente el videotutorial,muchisimas gracias no sabia que se podia hacer eso.

    saludos desde mexico

  • UrbaN77 says:

    Me gusto el vídeo, se entiende todo muy fácil ;)
    Saludos y espero el próximo.

  • Kimen says:

    Interesante es decir poco. Mil gracias por compartir conocimiento.

  • nana01 says:

    hola esta muy buena el tutorial.
    Necesito saber donde puedo descargar la biblioteca cliente, descargue la de facebook pero no aparece como esta en el tutorial, que debo hacer.

    Gracias.

  • admin says:

    Saludos nana01, la biblioteca usada en los ejemplos la puedes bajar desde el enlace que tenemos en la entrada de cada videotutorial desde LoqueNecesita.com

  • Paola says:

    Hola, está muy claro el tutorial. Pero no sé por qué no me funciona. Voy bien cuando escribo solo el tag h1, se muestra la oración en la aplicación, pero cuando le agrego el código php no se muestra nada. Descargué el archivo del video del ejercicio y le cambié el API Key y el Application Secret. Gracias!

  • Paola says:

    El problema es que el valor que me genera la función: $this->get_login_url(self::current_url(), $this->in_frame(),
    $required_permissions); lo ingreso en la barra de direccion de mi browser y lo que pasa es que se encicla. Por qué me pasará esto?

  • raven says:

    Hola @Paola posiblemente cuando pusiste tu key o el secret no cerraste correctamente las comillas, gracias por preguntar.

  • raven says:

    Hola @Paola tienes soporte para FBML en tu aplicación? Gracias.

  • victor says:

    MUY BUENO EL VODEOTUTORIAL…TENGO UN PROBLEMA…ME CORRE TODO MUY BIEN…PERO ME SALE EL SIGUIENTE MENSAJE AL FINAL:

    Error al cargar la página de la aplicación
    Errores de Análisis:
    FBML Error (line 4): illegal tag “noscript” under “fb:canvas”
    Por favor, inténtalo más tarde. Los desarrolladores de primera_vez y Facebook están intentando solucionar el problema. ¡Gracias por tu paciencia!

  • Angely says:

    Muy bueno tu video… pero cuando activo en el lienzo FBML y pruebo no funciona muestra un error “Error al cargar la página de la aplicación” … please ayudenme… se los agradecere.

  • admin says:

    Saludos @Angely debes verificar que tu archivo index.php no tega errores de sintaxis. si puedes poner el error mas explicito seria mas facil poder ayudarte. Gracias.

  • Angely says:

    Gracias por tu atencion, el archivo index.php esta exacto como en el video, podria ser por que estoy usando el xampp?, upss me equivoque en mi mail este es el correcto.

  • leynar says:

    Hola, muchas gracias por tu tutorial

    me ocurre una cosa, tengo un host casero, y en la carpeta que tengo definida para el host guardo el facebook.php y el index.php

    Pero al llamar a la aplicación apps.facebook.com/aplicacion

    me muestra el siguiente error:

    Application Temporarily Unavailable
    Se ha recibido un error HTTP 500 mientras se cargaba http://leynar.dyndns-at-home.com/franherrero/

    Sorry, the application you were using is experiencing a problem. Please try again later.

    Mi servidor funciona puesto que puedo acceder mediante el navegador…
    por favor algun consejo! gracias!

  • leynar says:

    Me he dado cuenta que me sale ese error al llamar a los métodos de la api de fbml…. :S help!

  • raven says:

    Saludos @leynar debes especificar que tipo de errores son, para poder mirar si lo podemos resolver. Gracias.

  • raven says:

    Saludos @leynar podria tratarse que tu servidor no permite una conexion a FB, por eso la respuesta, en si se ve como problema del servidor y la interaccion de FB, deberias intentar en otro Host para ver si te presenta el mismo problema. Gracias.

  • juan kuga says:

    Hola muchas gracias por hacer estos videos. gracias a ti eh podido aprender SEO, y ahora quiero aprender a usar la api de facebook.Me sale error, bueno en mi caso las opciones y configuraciones q se hace en facebook ah cambiado y tambien el api de facebook pero = lo intente pero no me sale conectarme con facebook. Porfavor me gustaria mucho q me brindes tu ayuda. Muchas gracias

  • juan kuga says:

    Aqui esta la aplicacion q estoy editando http://apps.facebook.com/jpk_primerapp/ de verdad agradeceria mucho tu ayuda.

  • Jorge says:

    Hola buenos días, antes que nada felicitarlos por los cursos; quisiera hacerles una pregunta. Tengo el código tal cual como figura en el video y al ejecutar mi app me presenta el siguiente mensaje:

    Hola Usuario de Facebook , Bienvenido a la Prueba de mi Primera Aplicación en Facebook

    Como podrán ver, en lugar de mostrarme el nombre del usuario linkeable al perfil, solo muestra la palabra “Usuario de Facebook”.

    La app la pueden encontrar en http://apps.facebook.com/jorgefarfan

    Muchas gracias por la ayuda

  • MiguelAngel says:

    @Jorge, a mi tambien me aparece el mensaje “Usuario de Facebook” en donde deberia aparecer el nombre linkeable de la persona. @Jorge si ya encontraste la solucion please publicala en el post. Alguien puede ayudar con este problema?

    Saludos,

    MiguelAngel Rodriguez

  • MiguelAngel says:

    Comparto con uds este codigo que me sirvio para poder mostrar la info del usuario con el nuevo Graph Api de Facebook

    ‘Aplication ID’,
    ’secret’ => ‘Clave Secreta’,
    ‘cookie’ => true,
    ));
    $session = $facebook->getSession();
    $me = null;
    if($session){
    try {
    $uid = $facebook->getUser();
    $me = $facebook->api(’/me’);
    } catch (FacebookApiException $e) {
    error_log($e);
    }
    }
    if($me){
    $logoutUrl = $facebook->getLogoutUrl();
    }else{
    $loginUrl = $facebook->getLoginUrl(array(’req_perms’ => ‘offline_access,email,user_birthday,publish_stream,read_stream’));
    }

    if ($me){
    echo ‘‘;
    echo ‘
    ‘;
    }else{
    echo ‘Logeo Sin JavaScript:’;
    echo ‘‘;
    }
    if($me){
    echo ‘ Mis Datos’;
    echo ”;
    echo $me['name'];
    }else{
    echo ‘No Estas Conectado’;
    }
    ?>

    Suerte a todos

  • Alex! says:

    Hola, me parece brutal todo lo que haces, pero tengo el siguiente problema con el fql: Estuve leyendo que cambiaron algunas cosillas en los archivos de descarga nuevos(los que utilizo), y no funciona bien la página invitacion.php:

    Esto ponìas tú: $user = $facebook->require_login(); Y me daba error.

    Investigué y o cambié por esto: $user_id = $facebook->getUser();

    Pero ahora me da el siguiente error: Call to a member function fql_query() on a non-object in…

    En mi caso el error es en esta línea del código:
    $friends = $facebook->api_client->fql_query(’…’);

    ¿Podrías echarme una mano con esto?

    Gracias!!

  • Aneudy says:

    A mi me sale en siguiente error:

    La aplicación no está disponible temporalmente
    Errores de Análisis:
    FBML Error (line 8): illegal tag “body” under “fb:canvas”
    Lo sentimos, la aplicación que estabas usando está experimentando un problema. Por favor, inténtalo de nuevo más tarde.

  • Henry says:

    Hola a todos, cuando descargo el SDK no aparecen las carpetas footprint y php. Veo otros que nada que ver con el tutorial :(

  • Jose says:

    Antes que nada enhorabuena por tu trabajo,

    estoy haciendo todo lo que dice el video pero cuando cargo la página de facebook que contiene mi aplicación me devuelve el siguiente error:

    Error

    Error mientras se cargaba la página de Mi primera aplicacion
    Se ha recibido un error HTTP 500 mientras se cargaba http://www……./

    Y el código php lo he puesto exactamente igual que en el video

  • Federico says:

    Hola, gracias por todo lo que nos enseñas. Pero creo que estos códigos no funcionan ya con los cambios que ha hecho facebook.

  • Steven says:

    Hola que tal, quiero decirte que me ayudes hacer una aplicación, donde ejemplo tipo “TECLATOR” nunca lo jugaste?.. era una aplicación donde prácticas o mejor dicho practicabas donde te colocaban 20 palabras, ejemplo si hacias el mejor tiempo con todas las palabras acertadas te colocaban en el rankig de 15-10.. cada vez que escribias la primera palabra bien ejemplo: sopa, automaticamente seguía la otra hasta termina así consecutivamente y quiero hacer una aplicación similar o igual no se me ayudarías? espero tú respuesta ;)

  • aldair says:

    hola mira lo q me aparese cuando entro en mi aplicacion:
    Fatal error: Uncaught exception ‘FacebookRestClientException’ with message ‘Incorrect signature’ in http://www.mipagina/facebookapi_php5_restlib.php:3381 Stack trace: #0 http://www.mipagina/facebookapi_php5_restlib.php(315): FacebookRestClient->call_method(’facebook.auth.g…’, Array) #1 http://www.mipagina/facebook.php(211): FacebookRestClient->auth_getSession(’5777832038c4bf4…’, false) #2 http://www.mipagina/facebook.php(172): Facebook->do_get_session(’5777832038c4bf4…’) #3 http://www.mipagina/facebook.php(70): Facebook->validate_fb_params() #4 http://www.mipagina/index.php(5): Facebook->__construct(’781c706445856d6…’, ‘60ac907307acc95…’) #5 {main} thrown in http://www.mipagina/facebookapi_php5_restlib.php on line 3381

  • Disculpeme pero en donde esta el video 1, porque los otros de nada me sirven.

    Espero el link de ese video.

  • dianadevasquez says:

    Saludos @Gilberto aquí te dejamos el link del primer vídeo que es el mismo de introducción http://loquenecesita.com/2010/04/crear-aplicaciones-para-facebook-introduccion/

  • Antonio says:

    No encuentro la funcion Lienzo FBML/iframe .. creo q la movieron o la quitaron… si alguien sabe donde esta en el nuevo diseño, aviseme :D .. mi pin de ebuddy XMS es 71BC5B3A

  • wilder says:

    hola buen dia felicitaciones y muchas gracias por el tutorial, pero quisiera preguntarle algo mira ami no me sale para descargar la biblioteca del cliente por favor de donde puedo descargar gracias de antemano

Deja una respuesta