Aplicación Facebook - Estados de ánimo Aplicación Facebook - Estados de ánimo


Página 1 de 4 123 ... ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 35
  1. #1
    El día de hoy aprenderán a crear una aplicación para facebook que permite colocar estados de animo.
    La aplicación se vera de esta manera:

    Pueden usar el paquete de emoticon que ustedes gusten, ya que solo suben las imágenes en la carpeta img y luego editando estados.php (ver mas abajo).

    config.php

    Código PHP:
    <?php
        
    @session_start();
        
    //Code by Cicklow
        //detectar si estamos en http o https (ya que facebook necesita si o si esto)
        
    if($_SERVER['HTTPS']=="on"$PRO 'https'; else $PRO 'http';

        
    //definimos nuestras variables
        
    define('WEB',$PRO.'://facebook.miserver.com/carpeta/'); //url de la apps en mi server
        
    define('FAC',$PRO.'://apps.facebook.com/appcanvas/'); //url de la apps en facebook

        //id de la aplicacion y codigo secreto
        
    $__ID 'ID_FACEBOOK';
        
    $__SE 'APP_SECRET';

        
    //incluimos el SDK PHP de facebook
        
    include('src/facebook.php');

        
    //iniciamos pasandole parametros la api de facebook
        
    $config = array();
        
    $config['appId'] = $__ID;
        
    $config['secret'] = $__SE;
        
    $config['fileUpload'] = false//No vamos a cargar archivos por ende no lo usamos!

        
    $facebook = new Facebook($config);
        
    $USER $facebook->getUser();    //Obtenemos el usuario logeado!

        //scope = permisos a pedir separados por coma (,)
        //redirect_uri = a donde ira dsp de pedir los permisos
        
    $toURL $facebook->getLoginUrl(array('scope'=>'','redirect_uri'=>FAC));

        
    //Guardamos los datos del usuario en la session. si no obtenemos un usuario valido redireccionamos nuevamente a los permisos!
        
    $fbme null;
        if ( !isset(
    $_SESSION[$__ID.'_fbme']) ) {
            if (
    $USER) {  
                try {  
                   
    $fbme $facebook->api('/'.$USER);
                   
    $_SESSION[$__ID.'_fbme'] = $fbme;
                } catch (
    FacebookApiException $e) {
                    try { 
                        
    $fbme $facebook->api('/'.$USER); 
                        
    $_SESSION[$__ID.'_fbme'] = $fbme;
                    } catch (
    FacebookApiException $e) { error_log($e); echo "<script type='text/javascript'>top.location.href = '".$toURL."';</script>"; exit(); }
                }
            }
        } else {
            
    $fbme $_SESSION[$__ID.'_fbme'];
        }

        if (!
    $fbme || $_SESSION[$__ID.'_fbme']['first_name']=="") {
            echo 
    "<script type='text/javascript'>top.location.href = '".$toURL."';</script>";
            exit;
        }
    ?>
    index.php
    incluimos el config.php
    Código PHP:
    <?php
        
    include('config.php');
    ?>
    ahora armamos la estructura de html y el CSS (como ven e coloca CSS para armar tooltips y se vera de esta forma)

    Código PHP:
    <!doctype html>
    <
    html xmlns:fb="http://www.facebook.com/2008/fbml">
    <
    head>
        <
    title>Emoticons</title>
    <
    style>
        
    body {
            
    font-family'Lucida Grande'VerdanaArialsans-serif;
        }
        
    #emodiv{
            
    background-color#F1F3F5;
            
    border1px solid #ADBDCE;
            
    height500px;
            
    margin-left27px;
            
    margin-top6px;
            
    padding5px;
            
    width90%;
            
    overflow:scroll;
            
    overflow-x:hidden;
        }
        .
    emo1{
            
    float:left;
            
    width140px;
            
    height:140px;
            
    background-color#cccccc;
            
    border1px solid #ADBDCE;
            
    margin:5px;
            
    cursor:handcursor:pointer;
        }
        .
    emo1 img{
            
    width:130px;
            
    height:130px;
        }

        .
    tooltip span {display:nonepadding:2px 3pxmargin-left:8pxwidth:130px;font-size:11px;opacity1.0;}
        .
    tooltip:hover span{display:blockposition:absolutebackground:#333333; border:1px solid #cccccc;color:#ffffff;opacity: 1.0;z-index:1001;}
    </style>
    </
    head>
    <
    body
    iniciamos el SDK JS de facebook
    Código PHP:
        <div id="fb-root"></div>
        <script>
            window.fbAsyncInit = function() {
            FB.init({
                appId: '<?php echo $facebook->getAppID() ?>',
                cookie: true,
                xfbml: true,
                oauth: true
            });
            };
            (function() {
                var e = document.createElement('script'); e.async = true;
                e.src = document.location.protocol +
                '//connect.facebook.net/es_ES/all.js';
                document.getElementById('fb-root').appendChild(e);
            }());
    funcion encargada de publicar el emoticon en el muro del usuario

    Código PHP:
        function Publicar(texto,img){
            var hrefLink = '<?=FAC;?>';
            var hrefTitle = 'Mi estado de ánimo';
            var imagen = '<?=WEB;?>img/' + img;

            FB.ui({
                method: 'feed',
                to: '',
                description: ' ',
                message: '',
                link: hrefLink,
                name: texto,
                caption: 'Publica tu estado de &aacute;nimo... ',
                picture: imagen,
                actions: [ { name: hrefTitle, link: hrefLink } ]
                },
                function(response) {
                    //Se publico o no...
                }
            );
        }
        </script>
    agregamos estados.php y recorremos los estados con un bucle, armando la grilla
    Código PHP:
        <center>
            <div id="emodiv">
                <?php
                    
    include('estados.php');
                    foreach(
    $EMO as $E){
                        
    $TXT $_SESSION[$__ID.'_fbme']['first_name'].' '.utf8_encode($E[2]);
                        echo 
    '<div class="emo1 tooltip" onclick="Publicar(\''.$TXT.'\',\''.$E[0].'\');"><font size="1">'.utf8_encode($E[1]).'</font><br/><img src="'.WEB.'img/'.$E[0].'"><span>'.$TXT.'</span></div>';
                    }
                
    ?>
            </div>
        </center>
    </body>
    </html>
    estados.php
    este archivo tiene:
    1- nombre de la imagen
    2- descripción de la imagen (o titulo)
    3- texto de la imagen (este texto tiene que ser multi genero, osea para mujeres y para hombres, usar el @ para los estados que son multi genero, y tmb como ven no se incluye el nombre ni nada. imaginen esto: USUARIO está armando un tutorial en forobeta, como ven luego no coloco la palabra USUARIO, de esta forma todos los usuarios que accedan a la aplicacion pueden usarla)
    En la carpeta img que acompaña a la aplicacion hay mas emoticon, yo solo coloque algunos
    Código PHP:
    <?php
        $EMO
    [] = array('angry.png','Enojado','está enojado');
        
    $EMO[] = array('beaten.png','Golpeado','se encuentra golpeado');
        
    $EMO[] = array('beso.png','Beso','quiere un beso');
        
    $EMO[] = array('bouaaaaah.png','Asustado','está asustado');
        
    $EMO[] = array('brains.png','Cerebro','es un zombie');
        
    $EMO[] = array('enjoying mah playlist.png','Música','está escuchando música');
        
    $EMO[] = array('have a nice day.png','Feliz','se encuentra feliz');
        
    $EMO[] = array('hidden.png','Escondido','se esta escondiendo');
        
    $EMO[] = array('ignoring.png','Ignorar','está ignorando a alguien');
        
    $EMO[] = array('in love.png','Enamorado','está enamorado');
        
    $EMO[] = array('nom nom.png','Comida','está comiendo');
        
    $EMO[] = array('sick.png','Enfermo','está enfermo');
        
    $EMO[] = array('TT TT.png','Llorando','está llorando');
        
    $EMO[] = array('dormido.png','Dormir','se fue a dormir');
        
    $EMO[] = array('suenio.png','Sueño','tiene sueño');
        
    $EMO[] = array('omg.png','Enojado','está enojad@');
    //    $EMO[] = array('','','');
    //    $EMO[] = array('','','');
    //    $EMO[] = array('','','');
    //    $EMO[] = array('','','');
    //    $EMO[] = array('','','');
    ?>
    Para mas emoticons pueden usar:
    Green Emotiсons Icons | Download Popular icon pack | IconsPedia

    u alguna otra

    Descarga:
    Código:
    http://www.mediafire.com/?q2rgdnpadwf5lto
    PD: se incluye el SDK PHP de facebook dentro del rar, para evitar que en otras actualizaciones de facebook deje de funcionar.

    PD: Configurar apps: http://forobeta.com/tutoriales/11784...-facebook.html
    Última edición por cicklow; 19-jul-2012 a las 22:46

  2. #2
    Registro
    19-enero-2011
    Ubicación
    Buenos Aires
    Mensajes
    390
    Muchas gracias por el aporte!

  3. #3
    Gracias hermano, por aportar sus conocimientos. Le estoy agradecido.

  4. #4
    Registro
    11-abril-2012
    Ubicación
    Mexico City, Mexico, Mexico
    Edad
    34
    Mensajes
    1.457
    Uff muy interesante amigo te lo agradezco, mañana sin duda lo pruebo.

    Gracias

  5. #5
    Registro
    12-septiembre-2011
    Ubicación
    México.
    Mensajes
    4.901
    Gracias, buen aporte vere si puedo hacerlo

  6. #6
    Registro
    09-diciembre-2011
    Mensajes
    563
    necesita ssl

  7. #7
    Registro
    29-octubre-2011
    Ubicación
    Colombia
    Mensajes
    4.444
    Wow gran aport5e! muchas gracias por compartirlo!

  8. #8
    Muy buen aporte.

  9. #9
    Interesante, gracias por el aporte.

  10. #10
    Registro
    02-noviembre-2011
    Ubicación
    Acá Lejos (USA)
    Edad
    40
    Mensajes
    1.972
    Sabia que forobeta tiene gente que ayuda. Gracias

Página 1 de 4 123 ... ÚltimoÚltimo


Temas similares

  1. Mis estados de facebook se publican en mi cuenta de twitter?
    Hola betas. Bueno mi duda o quiero que mis estados de mi pagina de facebook se publiquen en mi cuenta de twiiter osea que sea al contrario como la...
    Respuestas: 2
    Último mensaje: 04-sep-2012
  2. Como se llama el hack de los estados de animo?
    Hola a todos, queri saber como se llama el hack de las caritas para decir el estado de animo del usuario? esos que te pone sad.fine..busy.. etc? ...
    Respuestas: 1
    Último mensaje: 24-nov-2008

Normas de publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •