Cicklow
Admin
Épsilon
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
¡Usuario popular!
Suscripción a IA
Hola en este post les enseñare como crear aplicaciones dentro de un iframe. Ya que facebook no permite más aplicaciones FBML, tendremos que aprender a programar en iframes. No es tan difícil, solo tendremos que usar el SDK de PHP y el SDK de JS.
SDK PHP = Enlace eliminado
SDK JS = JavaScript SDK - Facebook Developers
Creamos un archivo llamado config.php, con este contenido:
Lo primero que tendremos que hacer es definir las url de nuestra apps dentro de nuestro servidor y la url dentro de facebook.
Ahora crearemos una función encargada de crear la url de login de facebook (pedir permisos).
Con esto tendríamos config.php
Ahora crearemos nuestra aplicación.
Llamamos a nuestro config.php
Comenzamos con nuestro código HTML (No me pondré en detalle de cómo hacer una web HTML, este código iría después del BODY)
En el código anterior lo que hacemos es llamar la api de Facebook desde el SDK JS, con esto tendremos los datos del usuario en funciones JavaScript, también las tendremos desde nuestro SDK-PHP. Ya les mostrare como.
Ahora verificamos si el usuario tiene una sesión creada, si tiene continuamos con nuestra aplicación, de lo contrario re direccionamos al login de facebook (si el usuario accede por primera vez se le pedirá permisos para acceder, si ya a accedido solo re direccionara y regresara a nuestra aplicación (creando así la sesión). (PHP CODE)
Ahora mostraremos los datos del usuario con PHP
Ahora mostraremos los datos del usuario con JS
Para recomendar nuestra aplicación usamos este código:
Saludos y suerte
Adjuntos:
Ver el archivo adjunto index.txt
Ver el archivo adjunto config.txt
SDK PHP = Enlace eliminado
SDK JS = JavaScript SDK - Facebook Developers
Creamos un archivo llamado config.php, con este contenido:
Lo primero que tendremos que hacer es definir las url de nuestra apps dentro de nuestro servidor y la url dentro de facebook.
Insertar CODE, HTML o PHP:
define('FAC','http://apps.facebook.com/miapps/');
define('WEB','http://www.miserver.com/miapps/');Ahora crearemos una función encargada de crear la url de login de facebook (pedir permisos).
Insertar CODE, HTML o PHP:
@set_time_limit(0);
$__ID = 'ID_DE_NUESTRA_APLICACION';
$__KEY = 'SECRET_KEY';
require '../src/facebook.php'; //SDK PHP-Facebook
// Creamos una instancia de facebook
$facebook = new Facebook(array(
'appId' => $__ID,
'secret' => $__KEY,
'cookie' => true,
));
function redirect($PERMS="") { //esta funcion nos regresara el link para pedir permisos, el parametro son los permisos especiales
global $facebook;
$loginUrl=$facebook->getLoginUrl(array(
'canvas'=>1,
'fbconnect'=>0,
'display'=>'page',
'next'=>FAC,
'cancel_url'=>FAC,
'req_perms'=>$PERMS,
));
return $loginUrl;
exit();
}
//Guardamos la session de facebook!
$session = $facebook->getSession();Ahora crearemos nuestra aplicación.
Llamamos a nuestro config.php
Insertar CODE, HTML o PHP:
include('config.php');Comenzamos con nuestro código HTML (No me pondré en detalle de cómo hacer una web HTML, este código iría después del BODY)
Insertar CODE, HTML o PHP:
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({appId: '<?=$__ID;?>', status: true, cookie: true, xfbml: true});
FB.Canvas.setAutoResize(); //Acomoda el tamaño para que no se vean las barras de navegacion
};
//Funcion encargada de recomendar nuestra aplicacion (Será llamada desde un link)
function Rec(){
FB.ui({method: 'apprequests', message: 'Te recomiendo mi aplicacion', data: 'track<?=time();?>'});
}
//Usamos el SDK JS-Facebook
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/es_LA/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>Ahora verificamos si el usuario tiene una sesión creada, si tiene continuamos con nuestra aplicación, de lo contrario re direccionamos al login de facebook (si el usuario accede por primera vez se le pedirá permisos para acceder, si ya a accedido solo re direccionara y regresara a nuestra aplicación (creando así la sesión). (PHP CODE)
Insertar CODE, HTML o PHP:
if (!is_array($session)) {
//Redireccionamos usando window.top ya que tenemos que redireccionar por ensima de nuestro iframe, llamamos a redirect() que nos regresara el link, si necesitamos por ejemplo pedir el email del usuario usamos redirect('email').
echo '<script>window.top.location="'.redirect().'";</script>';
die();
} else {
try {
//Esto lo usaremos si queremos saber algún dato del usuario.
$me = $facebook->api('/me/?fields=name');
} catch (FacebookApiException $e) {
//Si existe algun error lo mostramos
echo $e;
die();
}
}Ahora mostraremos los datos del usuario con PHP
Insertar CODE, HTML o PHP:
echo 'Hola '.$me['data']['name'].'<br/>'; //Mostramos su nombre
echo '<img src="https://graph.facebook.com/'.$facebook->getUser().'/picture"/>'; //Mostramos la imagen del perfil, $facebook->getUser() nos regresa el id del usuarioAhora mostraremos los datos del usuario con JS
Insertar CODE, HTML o PHP:
<div id="texto"></div>
<script>
FB.api('/me', function(response) {
document.getElementById('texto').innerHTML = 'Nombre: ' + response.name + '<br/>';
document.getElementById('texto').innerHTML += 'Imagen: <img src="https://graph.facebook.com/' + response.id +'/picture"/><br/>';
} });
</script>Para recomendar nuestra aplicación usamos este código:
Insertar CODE, HTML o PHP:
<a href="#" onclick="Rec();return false;">Recomendar Aplicacion</a>Saludos y suerte
Adjuntos:
Ver el archivo adjunto index.txt
Ver el archivo adjunto config.txt