Una parte importante de una aplicación es su diseño y estructura del contenido, en mi caso por ejemplo se me dificulta más idear esta parte que el mismo desarrollo, pero gracias a Fbootstrapp ahora me puedo olvidar del CSS y lo que ello conlleva. Fbootstrapp es un framework que incluye todo lo necesario para que nuestra aplicación de Facebook se vea bien: Botones, tablas, tipografías, formularios y demás componentes estilizados y no se limita sólo a eso, también trae consigo una librería Javascript (que usa jQuery) que nos permite hacer alertas, tabs, barras de navegación, etc. Este framework se basa en Bootstrap por lo que trae consigo algunas ventajas como poder usar Less o el Scaffolding adaptado para funcionar de maravilla en aplicaciones iFrame (canvas) o pestañas de fanpages.

Sitio web de Fbootstrapp

Continuando el trabajo con el PHP SDK de Facebook veremos como publicar una foto en el muro de una persona. En este caso se debe hacer lo de siempre, autentificar al usuario con nuestra aplicación y pedir permiso de publicación (publish_stream) como lo vimos anteriormente, la única novedad es el uso del método setFileUploadSupport que le indica al SDK que permita la carga de archivos. Después de tener la foto guardada en el servidor, sea cual sea la forma en que tu aplicación la genere se publica la foto de la siguiente forma:

/*Se habilita la carga de archivos 
con setFileUploadSupport.*/
$facebook->setFileUploadSupport(true);
// Se indica la ruta de la imagen en el servidor.
$img = 'ruta_de_la_imagen.png';
// Haciendo uso de POST se envía la foto usando el método llamado api
$photo = $facebook->api('/me/photos', 'POST',
array( 'source' => '@' . $img,
'message' => 'Mensaje a ser publicado con la foto'
));

Facebook automáticamente crea un album con el nombre de la aplicación, en caso de querer crear un album con otro nombre:

$album=array('name'=>'BrianUR.info', 'description'=>'Tutoriales para crear aplicacion
en Facebook');
$facebook->api('/me/albums','post',$album);

<?php
/* Comentar de primero en CuantoCabron.com
www.BrianUR.info
/*
$ch = curl_init();
$url = "http://www.cuantocabron.com/";
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_COOKIE, 'TU_COOKIE');
curl_setopt($ch, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 6.1; es-ES;
rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13");
$resultado = curl_exec($ch);
$texto1 = explode("<h2><a href=\"", $resultado);
$texto2 = trim($texto1[1]);
$final = explode("\">", $texto2);
//***************************************
//URL de la última viñeta publicada para comprobar cuando haya una nueva
if ($final[0] != "http://www.cuantocabron.com/ultimavineta") {
try {
$ch0 = curl_init();
curl_setopt($ch0, CURLOPT_URL, $final[0]);
curl_setopt($ch0, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch0, CURLOPT_COOKIE, 'TU_COOKIE');
curl_setopt($ch0, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 6.1; es-ES;
rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13");
$resultado0 = curl_exec($ch0);
$id_story = explode("id=\"id_story\" value=\"", $resultado0);
$current_page = explode("id=\"current_page\" value=\"", $resultado0);
$id_story1 = trim($id_story[1]);
$current1 = trim($current_page[1]);
$current = explode("\"/>", $current1);
$final1 = explode("\"/>", $id_story1);
$idfinal = $final1[0];
$currentFinal = $current[0];
//***************************************
$ch1 = curl_init();
curl_setopt($ch1, CURLOPT_URL, $final[0]);
curl_setopt($ch1, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch1, CURLOPT_COOKIE, 'TU_COOKIE');
curl_setopt($ch1, CURLOPT_USERAGENT, "Mozilla/5.0 (Windows; U; Windows NT 6.1; es-ES;
 rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13");
curl_setopt($ch1, CURLOPT_POST, true);
curl_setopt($ch1, CURLOPT_POSTFIELDS, "comment=" . urlencode("Soy el primero :trollface:") . "&id_story=" . urlencode($idfinal) . "&current_page=" . urlencode($currentFinal) . "&token_form=" . urlencode("TU_TOKEN") . "&submit=Enviar+comentario");
curl_exec($ch1);
} catch (Exception $e) {
echo 'Caught exception: ', $e->getMessage(), "\n";
}
echo ("Comentario publicado :trollface:");
} else {
echo "<meta http-equiv=\"Refresh\" content=\"2;url=cc.php\">";
}
?>

<form method="GET">
<input type="text" name="url"/>
<input type="submit" id="Enviar" value="Comprobar"/>
</form>
<?php
/*
Comprobar quién es el dueño de una foto en Facebook con su URL
www.BrianUR.info
*/
if (isset($_GET['url'])) {
$url = $_GET['url'];
$id = explode("_", $url);
$datos = file_get_contents("http://graph.facebook.com/" . $id[2]);
$daticos = json_decode($datos);
if (isset($daticos->link)) {
echo "La foto es de <a href='" . $daticos->link . "'>"
. $daticos->name . "</a>";
} else {
echo "Al parecer el usuario con el nombre " . $daticos->name . " ocultó su perfil
 para otras personas,</br>" .
" intenta ver el perfil accediendo desde www.facebook.com/profile.php?id=" . $id[2];
}
echo "</br><img src='http://graph.facebook.com/" . $id[2] . "/picture?type=large'/>";
}
?>

Lo primero que debemos hacer es registrar nuestro sitio:

Posteriormente en manejar dominios se debe verificar la propiedad del dominio siguiendo los pasos:

Luego se debe crear un ID cliente en Consola de APIs, crear un nuevo proyecto y en el menú seleccionar API Access.

Finalmente deberías ver el ID del cliente y otros datos necesarios para crear una aplicación. Allí mismo en el menú ve al apartado services y activa Google+ para poder trabajar con el. Manos al código, pero antes de eso debes descargar el paquete de librerías google-api-php-client. Después de descargado en la carpeta src ve al archivo config.php y busca:

// Datos obtenidos al crear el cliente
'oauth2_client_id' => 'CLIENTE_ID',
'oauth2_client_secret' => 'SECRET',
'oauth2_redirect_uri' => 'http://brianur.info',
//Datos obtenidos al verificar el dominio
'oauth_consumer_key'    => 'brianur.info',
'oauth_consumer_secret' => 'JA8HUXQGKHUWc2gIbpKZUYrO ',

<?php /* Obtener datos del usuario en Google+ para crear un sistema
de login. www.BrianUR.info */
//'Incluimos' las librerías necesarias require_once 'src/apiClient.php';
require_once 'src/contrib/apiPlusService.php';
session_start();
$client = new apiClient();
$client--->setApplicationName("BrianUR.info");
$client->setScopes(array('https://www.googleapis.com/auth/plus.me'));
$plus = new apiPlusService($client);
if (isset($_REQUEST['logout'])) {
unset($_SESSION['access_token']);
}

if (isset($_GET['code'])) {
$client->authenticate();
$_SESSION['access_token'] = $client->getAccessToken();
header('Location: http://' . $_SERVER['HTTP_HOST'] . $_SERVER['PHP_SELF']);
}

if (isset($_SESSION['access_token'])) {
$client->setAccessToken($_SESSION['access_token']);
}

if ($client->getAccessToken()) {
$yo = $plus->people->get('me');
$_SESSION['access_token'] = $client->getAccessToken();
}
else
$authUrl = $client->createAuthUrl();

if (isset($yo)) {
$_SESSION['sesion'] = $yo;
$yo = $_SESSION['sesion'];
echo "</pre>
<img src="\""" alt="" />
<pre>";
echo "<strong>Nombre:</strong> " . $yo['displayName'] . "";
echo "<strong>ID:</strong> " . $yo['id'] . "";
echo "<strong>Sexo:</strong> " . $yo['gender'] . "";
echo "<strong>Lema:</strong> " . $yo['tagline'] . "";
}
if (isset($authUrl))
echo "<a class="login" href="$authUrl">Acceder usando mi cuenta Google+</a>";
else
echo "<a class="logout" href="index.php?logout">Salir</a>";
?>

Al acceder a la aplicación debe aparecer un enlace para conectarse con Google+, luego pide permiso:

Por ultimo si todo ha salido bien debería verse los datos que pedimos, algo así:

Primero debes editar tu aplicación en el área de desarrolladores, buscas donde diga Selecciona como tu aplicación se intrega con Facebook y en Sitio web escribes la URL del sitio. Posteriormente debemos crear un directorio, en mi caso lo he llamado descargas. Este directorio debe estar protegido para que nadie con solo obtener la URL del archivo pueda descargarlo directamente, posteriormente usando PHP se llama al archivo para que pueda ser descargado solo por usuarios que hagan el “pago”. En la carpeta mencionada anteriormente creamos un archivo .htaccess que debe tener lo siguiente:

AuthUserFile  /home/miweb/descargas/.htpasswd
AuthName "Que coño intentas hacer?"
AuthType Basic

Options All
<Limit GET POST PUT>
require valid-user
</Limit>

En AuthUserFile debe ir la ruta absoluta del directorio, el archivo .htpasswd es el encargado de guardar el usuario y el password encriptado del mismo; para crearlo usamos la utilidad htpasswd que viene integrada con Apache:

htpasswd -c .htpasswd usuario

Luego creamos un archivo PHP que será el encargado de loguear al usuario con la aplicación, pedir permisos de publicación, publicar en el muro, permitir la descarga del archivo:

<?php
require ("includes/facebook.php");
$appID = "00000000000000";
$secret = "00000000000000000000000000";
$facebook = new Facebook(array(
'appId' => $appID,
'secret' => $secret,
));
$user = $facebook->getUser();
if ($user) {
try {
$yo = $facebook->api('/me');
} catch (FacebookApiException $e) {
error_log($e);
$user = null;
}
//Saludar al usuario
echo "Hola ".$yo["name"]." cómo estás?";
//Publicación en el muro
$parametros=array('message' => '',
'name' => 'Tutoriales de Facebook - BrianUR.info',
'caption' => 'Estoy leyendo un tutorial sobre el desarrollo de aplicaciones en Facebook. Te lo recomiendo!',
'link' => 'http://www.brianur.info',
'description' => 'Es genial',
'picture' => 'http://brianur.info/brianur.png',
'actions' => array(array('name' => 'Entra ya!',
'link' => 'http://www.brianur.info')));
$facebook->api('/me/feed','post',$parametros);
// ALERTA: ESTE CÓDIGO ES VULNERABLE A LFI Y SÓLO ES USADO COMO EJEMPLO
if (isset($_GET['archivo'])){
$name = $_GET['archivo'];
header("Content-disposition: attachment; filename=$name");
header("Content-type: application/octet-stream");
readfile("descargas/".$name);
}
// FIN ALERTA
echo "<a href=\"index.php?archivo=librito.zip\">Descargar archivo.</a>";
} else {
//Enlace para iniciar sesion en la aplicación
$loginUrl = $facebook->getLoginUrl(array('scope' => 'publish_stream'));
echo "<a href='$loginUrl'>Pagar con una publicación</a>";
}
?>

Eso es todo, el anterior código es sencillo y puedes mejorarlo según tus necesidades. Es estrictamente necesario por seguridad cambiar el código usado para la descarga del archivo ya que es vulnerable a LFI, además es recomendado hacer algún tipo de validaciones necesarias para aumentar la seguridad (por ejemplo el uso de sesiones). Posteriormente agregaré la opción de conectarse con Twitter para hacer lo mismo.

<?php
$parametros=array('message' => 'Aprendiendo a desarrollar aplicaciones en Facebook',
				  'name' => 'BrianUR.info',
				  'caption' => 'Mi primer aplicacion en Facebook',
				  'link' => 'http://www.brianur.info',
				  'description' => 'Es genial',
				  'picture' => 'http://brianur.info/brianur.png',
				  'actions' => array(array('name' => 'Entra ya!',
                                      'link' => 'http://www.brianur.info')));
$facebook->api('/me/feed','post',$parametros);
?>

Puedes descargar el archivo facebook.php que necesitamos desde github. La versión actual es la 3.1.1, muy importante en tener en cuenta esto para las personas que ya habían desarrollado aplicaciones antes, ya que algunos métodos no funcionan en las nuevas versiones del SDK, como es el caso de getSession() que hacía parte de la Rest API, así que si ven un Fatal error: Call to undefined method Facebook::getSession() ya saben la razón.

Autenticación

El siguiente código siempre será necesario usarlo para poder autenticar el usuario con una aplicación (obtener un token, pedir permisos), si buscas por la red te podrás encontrar con múltiples formas para hacer este paso, hay personas que hacen varios tipos de validaciones (recomiendo que tu también lo hagas) para evitar errores; en este caso para ahorrar código y para que se entienda mejor he puesto lo estrictamente necesario:

<?php
/*
	Código de ejemplo para obtener datos del usuario en Facebook
	www.BrianUR.info
*/
// URL de la aplicación
$urlApp = "http://apps.facebook.com/brianur/";
// ID y Secret ID de la aplicación
$appId = "0000000000000";
$secret = "00000000000000000000000000000000";
//Llamada al Facebook SDK
include_once "facebook.php";
// Instanciamos el objeto Facebook
$facebook = new Facebook(array('appId' => $appId,
							   'secret' => $secret,
							   'cookie' => true));
// Obtenemos una session
$user = $facebook->getUser();
if (!$user){
// Si el usuario no está autentificado crea una URL para hacerlo.
// Se usa 'scope' para pedir permisos separados por coma.
// Se usa 'redirect_uri' para redireccionar a esa URL despues de la acción del usuario
$loginUrl = $facebook->getLoginUrl(
            array(
                'scope' => 'user_about_me',
                'redirect_uri' => $urlApp
            )
    );
echo "<script type=\"text/javascript\">top.location.href = '$loginUrl';</script>";
} else {
	// Hasta aquí el usuario tendría que estar autentificado con la aplicación.
	$yo = $facebook->api('/me');
	print_r($yo);
}
?>

El anterior código retorna varios datos del usuario, para ver datos ocultos se requiere el uso de permisos extendidos.

Métodos

Ejemplos útiles

Mostrar todos los amigos de un usuario:

<?php
$amigos=$facebook->api('/me/friends');
foreach($amigos['data'] as $amigo){
echo "Nombre: ".$amigo['name']." ID: ".$amigo['id'];
}
?>

Mostrar los primeros 10 amigos por ID y Nombre:

<?php
$amigos=$facebook->api('/me/friends?limit=10&fields=id,name');
foreach($amigos['data'] as $amigo){
echo "Nombre: ".$amigo['name']." ID: ".$amigo['id'];
}
?>

Mostrar foto de perfil del usuario:

<?php
$yo=$facebook->api('/me');
$fotoPerfil = "<img src='http://graph.facebook.com/".$yo['id']."/picture?type=large'/>";
echo $fotoPerfil;
?>

Publicar en muro:

<?php
$parametros=array('message' => 'Aprendiendo a desarrollar aplicaciones en Facebook',
				  'name' => 'BrianUR.info',
				  'caption' => 'Mi primer aplicacion en Facebook',
				  'link' => 'http://www.brianur.info',
				  'description' => 'Es genial',
				  'picture' => 'http://brianur.info/brianur.png',
				  'actions' => array(array('name' => 'Entra ya!',
                                      'link' => 'http://www.brianur.info')));
$facebook->api('/me/feed','post',$parametros);
?>

Las pruebas que hice fueron en un Samsung Galaxy SII (Android), su sencilla y atractiva interfaz hacen que cualquier persona pueda usar la aplicación sin problemas, son dos pestañas Cliente-Servidor:

Así de simple se comparte contenido multimedia a otros dispositivos, para la prueba usé un computador con Windows Media Player y un PS3, sin necesidad de instalar ningún programa en ellos ya podía hacer a la música de mi teléfono:

Luego para reproducir archivos en el teléfono probé con PS3 Media Server, el resultado:

Please enter the url to a YouTube video.

En este vídeo vemos como los administradores del servidor lo transportan por 7 kilómetros (Una parte en tren y una parte a pie) manteniéndolo conectado y funcionando durante todo el trayecto. El servidor se conecta a una UPS que le brinda la energía necesaria durante todo el trayecto; Para asegurar la conectividad a Internet conectan una laptop a dicho servidor, la cual le provee Internet por medio de una conexión 3G y aseguran el acceso al servidor y el trafico correcto mediante una VPN.