Últimos artículos
Loading...
domingo, 22 de noviembre de 2009

Desarrolla tu primera aplicación para Facebook en tiempo record.

domingo, noviembre 22, 2009

Este es un breve tutorial de como podemos empezar a desarrollar  nuestras aplicaciones para Facebook, vamos a ir por algo muy simple como lo es un "Hola mundo" insertando ua imagen y publicandola en el muro.

Ingredientes:

  1. Cuenta en Facebook(obvio no?)
  2. Un servidor donde podamos alojar nuestra aplicación.
  3. Conocimientos básicos en PHP y Javascript.
    Vamos con unas capturas de pantalla y una breve explicación de cada una de ellas:

    Vamos a la siguiente URL(deben estar logueados) http://www.facebook.com/developers/



    Creamos una nueva aplicacion en "Configurar ua nueva aplicación"



    Le damos un nombre y aceptamos las condiciones.
     Pasamos a configurar los datos básicos de nuestra aplicación:

    Vamos a necesitar lo siguiente :  Application ID, Clave API y Secret los demas parametros creo que saben para que són:




     Guardamos los cambios y continuamos:



     Pasamos directamente a configurar Canvas o el lienzo donde mostraremos nuestra aplicación: Vamos a usar FBML (Facebook markup Language) es un lenguaje de etiquetas, según la pagina de dearrolladores de Facebook es recomendable y nos dá mayor performance con respecto a usar un Iframe.



     Guardamos los cambios y con esto tenemos todo listo para empezar, pueden explorar las demás opciones obviamente.

    Ahora descargamos el componente con las clases en PHP para desarollar nuestra aplicacion: http://wiki.developers.facebook.com/index.php/User:Client_Libraries  Nosotros vamos a descargar el cliente para PHP http://svn.facebook.com/svnroot/platform/clients/packages/facebook-platform.tar.gz

    Lo descomprimen en una carpeta cualquiera, dentro tienen dos carpetas una de ejemplo y la otra con el core.



    Para el ejemplo voy a hacerlo todo en un mismo archivo(no es recomendable, pero nos va a servir).

    Creamos un archivo index.php y dentro añadimos lo siguiente:

    PHP
      <?php

    require_once 'facebook-platform/php/facebook.php';

    // codigo(KEY) que identifica a nuestra aplicación.

    $apikey = '**************************';

    // Private key para autenticar la aplicación

    $apisecret = '**********************';

    // Creamos una instancia del objeto Facebook

    $instanciafacebook = new Facebook($apikey, $apisecret);

    // Obtenemos el id del usuario que este utilizando la aplicación para luego mostrar su nombre

    $id_de_usuario = $instanciafacebook->require_login();

    /* tenemos todo listo solo nos queda publicar algo */

    ?>

    <center>

    <h2>Hola mundo</h2><br />

    <fb:name uid='<?php echo $id_de_usuario; ?>' useyou='false' possessive='true' /> Gracias por seguir el tutorial ;)

    </center>

    Solo nos queda subir nuestra aplicación a nuestro servidor, segun la estructura que use quedaría así:





    y probarlo, http://apps.facebook.com/tecnovita-tutorial/ (tecnovita-tutorial es la ruta que creé mas arriba)Si todo salió bién debería aparecernos una ventana de autorización solicitando permiso a ejecutar nuestra aplicación, le damos ok o continuar y deberia de aparecernos esto:


    Y listo nuestra primera app en facebook, genial pero ahora vamos por más!

    Modificamos un poco el index.php para mostrarnos una imagen y una ventana para poder publicarlo en nuestro muro(o el del que esté visitando la app).
    Vamos a usar la función  Facebook.streamPublish, hasta hace poco usabamos Facebook.showFeedDialog pero a partir de Diciembre/09 va a pasar a ser "Deprecated" o desfazado.

    Nuestro código quedaría así:

    PHP
     <?php

    require_once 'facebook-platform/php/facebook.php';

    // codigo(KEY) que identifica a nuestra aplicación.

    $apikey = '**************';

    // Private key para autenticar la aplicación

    $apisecret = '*************';

    // Creamos una instancia del objeto Facebook

    $instanciafacebook = new Facebook($apikey, $apisecret);

    // Obtenemos el id del usuario que este utilizando la aplicación para luego mostrar su nombre

    $id_de_usuario = $instanciafacebook->require_login();

    /* tenemos todo listo solo nos queda publicar algo */

    ?>

    <center>

    <h2>Hola mundo</h2><br />

    <fb:name uid='<?php echo $id_de_usuario; ?>' useyou='false' possessive='true' /> Gracias por seguir el tutorial ;)

    </center>

    <script type="text/javascript">

    var user_message_prompt = "Comparte tu primera app con tus amigos!";

    var user_message = "";

    var continuation = function() {

    //opcional

    };

    var attachment = {'media':[{'type':'image','src':'http://it-media.com.ar/test/facebook/nerdfb.jpg','href':'http://apps.facebook.com/tecnovita-tutorial/'}],

    'name':'Mi primera app en Facebook','href':'http://apps.facebook.com/tecnovita-tutorial/','description':'Hola este es un tutorial que nos enseña a crear una app para Facebook'};

    Facebook.streamPublish(user_message, attachment, '', '', user_message_prompt);

    </script>

    Lo subimos a nuestro server y lo probamos:


    http://apps.facebook.com/tecnovita-tutorial/



    Y eso es todo, simple no?  Recuerden que con Facebook.streamPublish no solo pueden "linkear" imágenes si no también videos y mp3, a leér la documentación un poco muchachos.

    Saludos y cualquier comentario o duda es bienvenida, pero no olviden pasarse primero por los manuales.

    0 Comentarios:

    Publicar un comentario

     
    Toggle Footer