Gracias internet: Tutorial aplicacion facebook as3 parte2 Antes de programar configurar

Hola amigos.

//editado 08/abr/2011: Que pena si en este no explico el hola Usuario, pero es que es necesario preparar todo html, js, y swc en el flash, así que lean primero este post, y después si podran pasar al siguiente post de este tutorial.

Esto gracias a Adobe y su super manual Claro que esto esta en flex y no en flash.

En la parte No. 1 mencionamos como hacer un hola mundo.

Ahora vamos a realmente preparar todo (javascript y librerias) para realizar la interacción entre facebook y as3.

Gracias a los amigos de google contamos con varios desarrollos que nos ahorraron todo el trabajo.

Así que a continuación coloco el formato general que debe tener un html para el manejo de facebook sobre el flash.
Al respecto solo coloco en cursiva lo que realmente tiene que ver con facebook, lo demás, son conocimientos de swfobject, y pues nada más.

A continuación el código html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
    <head>
         
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
        <script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>

        
        <script type="text/javascript" src="FBJSBridge.js"></script>

        <script type="text/javascript">
            function embedPlayer() {
                var flashvars = {};
                swfobject.embedSWF("index.swf", "flashContent", "720", "596", "10.0", null, null, null, {name:"flashContent"});

            }
            //Redirect for authorization for application loaded in an iFrame on Facebook.com
            function redirect(id,perms,uri) {
                var params = window.location.toString().slice(window.location.toString().indexOf('?'));
                top.location = 'https://graph.facebook.com/oauth/authorize?client_id='+id+'&scope='+perms+'&redirect_uri='+uri+params;
            }
            embedPlayer();
        </script>

</head>
<body>
    <div id="fb-root"></div>
    <div id="flashContent">
        <h1>Tu necesitas instalar la última versión de flash para ver este contenido.</h1>
            <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
    </div>

</body>
</html>

Como vemos... las librerias son llamadas desde los servidores de google y facebook excepto FBJSBridge.

Asi que aquí dejo el link de FBJSBridge

Ahora vamos a agregar la librería para el desarrollo facebook en nuestro archivo .fla.

Será algo muy similar a los pasos que desarrolle en el manual de tweenlite effects. Es decir, agregar a la library de flash el swc conrrespondente de facebook. Aquí dejo el link para que sigan los pasos con pantallazos, lo unico diferente es que vamos es a seleccionar otro swc diferente. En este caso, se llama GraphAPI-web-1.5.swc y la última versión se encuentra en google. Así que descarguen la última versión.

Y agregan el swc descargado tal como lo menciona esta guía de tween effects.

Cuando la hallamos agregado, entonces estamos listos y preparados para comenzar a programar con la api de facebook en as3. Felicidades!!!

Y verán las maravillas que se podrán hacer!!!.

Proximamente, mostraremos como hacer el "hola USUARIO"... donde explicaremos toda la lógica de esto del API de facebook.

Espero les sirva..

Sean felices.

Gracias internet

Busca lo que quieras

Tutorial aplicacion facebook as3 parte2 Antes de programar configurar

No hay comentarios:

Publicar un comentario

Palabras Clave