29-Mar-2011, 17:44
|
|
|
Hola mundo aplicacion facebook
HOLA MUNDO CON SOLICITUD DE PERMISOS -APLICACION FACEBOOK
PRIMER PASO ENTRAR A
Welcome to Facebook - Log In, Sign Up or Learn More
luego
Login | Facebook
claro primero tiene que entrar a su cuenta de facebook
SEGUNDO PASO
Hacer click en el boton + Crea una nueva aplicación
TERCER PASO
Les mostrara un mensaje: tu cuenta debe ser verificada antes de que puedas utilizarla.......
y luego debes hacer click en: teléfono movil para que recibas un codigo de autorizacion
CUARTO PASO
Luego les mostrara una ventanita con el mensaje : confirma tu telefono.....
debes digitar el numero de tu celular
QUINTO PASO
Luego te pedira tu codigo de confirmacion, que fue enviado a tu celular por facebook.
SEXTO PASO
Poner el nombre de tu aplicacion y aceptar los terminos
 SEPTIMO PASO
llegar el codigo capcha que aparece en la imagen.
OCTAVO PASO
llenar en la descripcion de la apliacion
puedes cambiar el icono y el logotipo
la direccion de soporte a usuario ckequeas en direccion de correo electronico
Uploaded with ImageShack.us
NOVENO PASO
ir a la pestaña INTEGRACION CON FACEBOOK que esta a la izquierda y aparecera como la siguiente imagen
Uploaded with ImageShack.us
anotar los siguientes datos
Aplicacion ID:xxxxxxxxxx
Aplicacion Secret:yyyyyyyyyyyyyyyyyyy
LUEGO llenar los campos
esta sera la direccion de tu aplicacion en facebook
*Canvas Page: http://apps.facebook.com/hola_mundo/
aqui tienes que poner la direccion de tu servidor en el que se alojara tu aplicacion
*Canvas URL : http://www.tu_servidor.com/facebook/
esta es opcional pero puedes poner
*Secure Canvas URL poner el mismo https://www.tu_servidor.com/facebook/
nota es https en secure Canvas
*Canvas type seleccionar FBML
y las otras opciones dejas como esta.
y guardar los cambios y listo
DECIMO PASO
les mostrara la siguiente imagen
Uploaded with ImageShack.us
SEGUNDA PARTE DE HOLA MUNDO
PRIMERO
AHORA EL CODIGO EN PHP
descargar de la siguiente direccion
https://github.com/facebook/php-sdk/tree/master/src
el archivo PHP SDK para Facebook API
exactamente al archivo facebook.php
https://github.com/facebook/php-sdk/...c/facebook.php
SEGUNDO
ahora creamos un archivo llamado fbmain.php
Y completar con tus datos que anotaste en el NOVENO PASO
Código PHP:
<?php
$fbconfig['appid' ] = " xxxxxxxxxxxxxx " // ID aplicacion
$fbconfig['api' ] = " hola_mundo " // nombre de tu aplicacion
$fbconfig['secret'] =" ;yyyyyyyyyyyyyyyyyyyyyyy"; //Código secreto de la aplicación
try{
include_once "facebook.php"; // incluimos el archivo facebook.php
}
catch(Exception $o){
echo '<pre>';
print_r($o);
echo '</pre>';
}
// Create our Application instance.
$facebook = new Facebook(array(
'appId' => $fbconfig['appid'],
'secret' => $fbconfig['secret'],
'cookie' => true,
));
// We may or may not have this data based on a $_GET or $_COOKIE based session.
// If we get a session here, it means we found a correctly signed session using
// the Application Secret only Facebook and the Application know. We dont know
// if it is still valid until we make an API call using the session. A session
// can become invalid if it has already expired (should not be getting the
// session back in this case) or if the user logged out of Facebook.
$session = $facebook->getSession();
$fbme = null;
// Session based graph API call.
if ($session) {
try {
$uid = $facebook->getUser();
$fbme = $facebook->api('/me');
} catch (FacebookApiException $e) {
d($e);
}
}
function d($d){
echo '<pre>';
print_r($d);
echo '</pre>';
}
?>
TERCERO
creamos el archivo index.php con el siguiente codigo:
Código PHP:
<?php
include_once "fbmain.php";
$config['baseurl'] = "http://www.servidor.com/facebook/";
// login or logout url will be needed depending on current user state.
if ($fbme) { //echo 'me ';
$logoutUrl = $facebook->getLogoutUrl(
array(
'next' => $config['baseurl'],
)
);
} else {
$loginUrl = $facebook->getLoginUrl(
array(
'display' => 'popup',
'next' => $config['baseurl'] . '?loginsucc=1',
'cancel_url'=> $config['baseurl'] . '?cancel=1',
'req_perms' => 'email,user_birthday',
)
);
}
// if user click cancel in the popup window
if (isset($_REQUEST['cancel'])){
echo "<script>
window.close();
</script>";
}
if ($fbme && isset($_REQUEST['loginsucc'])){
//only if valid session found and loginsucc is set
//after facebook redirects it will send a session parameter as a json value
//now decode them, make them array and sort based on keys
$sortArray = get_object_vars(json_decode($_GET['session']));
ksort($sortArray);
$strCookie = "";
$flag = false;
foreach($sortArray as $key=>$item){
if ($flag) $strCookie .= '&';
$strCookie .= $key . '=' . $item;
$flag = true;
}
//now set the cookie so that next time user don't need to click login again
setCookie('fbs_' . "{$fbconfig['appid']}", $strCookie);
echo "<script>
window.close();
window.opener.location.reload();
</script>";
}
//SI EL USUARIO ESTA LOGEADO Y LA SESION ES VALIDA
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>HOla mundo</title>
</head>
<style type="text/css">
.user{
margin: 5px;
border: 1px solid #60729b;
padding: 5px;
width: 400px;
height: 100px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:17px;
}
h1{
font-size:25px;
}
p{
font-family:"Courier New", Courier, monospace;
font-size:14px;}
</style>
<h1><center>Aplicacion Hola Mundo Facebook y Autenticacion
<center></h1>
<br />
<br />
<p>
</p>
<?php if (!$fbme) { ?>
Tienes que logearte unsando FaceBook para ver el resultado
<!-- solicitud de permiso -->
<fb:if-is-app-user> <!-- tu codigo -->
<!-- sin el usuario no esta con permisos, entonces pedir permiso de acceso a email ....-->
<fb:else> <fb:redirect url="http://www.facebook.com/login.php?v=1.0&api_key=xxxxxxxxxxxx&next=http://www.servidor_.com/facebook/&canvas=&req_perms=email,read_stream,publish_stream"/> </fb:else>
</fb:if-is-app-user>
<?php } ?>
<br />
<div class="user">
<table>
<tr>
<td width="281">
<p>
<?php echo''.'<br>';
echo ' Nombre: '. $fbme['name'].'<br> ';
echo 'Ciudad: '.$fbme['hometown']['name'];
?> </p> </td>
<td width="101" align="center"> FOTO <img src="http://graph.facebook.com/<?=$uid?>/picture" alt="user photo" width="70" height="80"/> </td>
</tr>
</table>
</div>
</html>
subir a tu servidor "http://www.servidor.com/facebook/" ; los archivos:
facebook.php
fmain.php
index.php
QUINTO
ahora puedes ver tu hola mundo en:
Código PHP:
http://apps.facebook.com/hola_mundo/
SEXTO
aceptas la solicitud de permiso que te muestra en una ventanita
SEPTIMO
y listo tienes tu primera aplicacion HOLA MUNDO
NOTA si las imagenes se ven como un sapito congelado, hacer anticlick sobre la imagen y abrir en una nueva pestaña suerte
Última edición por erickp5; 14-Apr-2011 a las 15:20
|
Mode Lineal
