• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Desarrollo de aplicacion facebook con php - Basico
 

Desarrollo de aplicacion facebook con php - Basico

on

  • 7,232 views

Se muestra como Crear una Aplicación en Facebook, Configuración paso a paso , con una funcionalidad basica de obtener datos del usuario que usa la Aplicación

Se muestra como Crear una Aplicación en Facebook, Configuración paso a paso , con una funcionalidad basica de obtener datos del usuario que usa la Aplicación

Statistics

Views

Total Views
7,232
Views on SlideShare
6,949
Embed Views
283

Actions

Likes
0
Downloads
135
Comments
1

4 Embeds 283

http://www.trucosweb.net 268
http://trucosweb.net 10
http://aplicacaralibro.blogspot.com 4
https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Hola , segui todos tu pasos pero la verdad no me aparecen , solamente me regresa a la pagina , me da los permisos pero no me muestran los datos que es lo que mas nesecito , sera que pueda contactarme con tigo para que me puedas auxiliar , Muchas gracias mi correo addo.garcia@hotmail.es
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Desarrollo de aplicacion facebook con php - Basico Desarrollo de aplicacion facebook con php - Basico Presentation Transcript

    • Desarrollo de Aplicaciónpara Facebook con PHP Ramiro Javier Chuquimia Ticona @ramir0ck ramiro@confianet.com
    • Facebook Develpoer Primero ingresamos a la URL https://developers.facebook.com/apps Para administrarnuestras Aplicaciones debemos usar la Aplicación “Developer” deFacebook, asi que en pantalla, hacemos click en el boton “Go to App”
    • Create New AppEn la siguiente pantalla en la parte derecha hacemosun click en el Botón “Crear Nueva Aplicación”
    • Create New AppEn la siguiente pantalla, ingresamos el nombre de laAplicación, y un “Espacio de Nombre”, si no tenemosun servidor propio con soporte de SSL, podremosusar un Hosting gratuito seleccionando la Casilla“Web Hosting”, luego hacemos click en “Continuar”
    • Create New AppRellenamos el Captcha para poder continuar, yhacemos click en el boton “Aceptar”
    • Configuración Básica de la AppObservamos App ID, y App Secret, que usaremos masadelante. Llenamos las opciones de Información Básica,Display Name, Namespace, email, App Domains (el dominioprincipal) y Categoria
    • Configuración Básica de la AppHabilitaremos la opción:“Website with Facebook Login”Y en la opción pondremos el URL de la carpeta donde seencuentra la Aplicación en Facebook, ya que Facebook sóloaceptará la Autentificación de Usuarios en dicha carpeta
    • Configuración Básica de la AppSeleccionamos la opción“Aplicación en Facebook” y sehabilitarán dos espacios, ingresaremos la ubicación denuestra aplicación en nuestro servidor propio (la URL seguraes obligatoria), luego click en “Guardar Cambios”
    • Configuración Básica de la AppUna vez que guardamos nuestra Aplicación, debemos publicarnuestros archivos en nuestro servidor para probar laaplicación, copiaremos los datos App ID y App Secret paraconfigurar nuestra aplicación.
    • Documentación de AppPara descargar el un ejemplo de prueba de una Aplicación deFacebook, ingresaremos a la siguiente dirección:https://developers.facebook.com/docs/O podemos hacer click en el Menú a la opcion “Documentación”Luego ingresaremos a la opción “Apps on Facebook”
    • Documentación de AppEn la Pantalla de “Apps on Facebook”Buscaremos en la columna izquierda la opción SDK Reference, yhacemos click en esta opción, para elegir el lenguaje del SDK
    • Documentación de AppEn la Pantalla de “SDKs”Buscaremos la opción “Facebook SDK for PHP” al hacer click nosempezará a mostrar la referencia del SDK para PHP
    • Documentación de AppEn la Pantalla de “Facebook SDK for PHP”Encontramos un enlace a GitHub, donde se encuentra la libreriaSDK de Facebook, para que podamos trabajar en PHP, por ellole hacemos click a la opción “GitHub”
    • Documentación de AppEn la Pantalla de “GitHub”Buscaremos el Boton “ZIP” que nos descargará el SDK defacebook, ademas archivos de pruebas, y ejemplos quepodremos usar para nuestras Aplicaciones
    • Documentación de AppDe los archivos que descargamos, tenemos una carpeta llamada“src” dentro de ella se encuentran los archivos para poder crearlas aplicaciones de FacebookEl archivo que llamaremos dentro de nuestra aplicación sera el“facebook.php”
    • Aplicación de FacebookEmpezamos el codigo PHPLlamando a la libreria del SDK, que se encuentra en la carpeta“sdk-fb” (para nuestro ejemplo)Los datos importantes que tenemos que cambiar son el appId yel secret, parametros que nos sirven para poder crear unainstancia de Facebook
    • Aplicación de FacebookLlamamos al método getUser, que nos devolverá el nombre deusuario si éste se autentificó en la Aplicación.Luego preguntamos por esta variable para definir elcomportamiento de la Aplicación
    • Aplicación de Facebook
    • Aplicación de FacebookProbando la Aplicación desde el url de nuestro servidorhttp://www.dobleclick.biz/www/appsfb/php0/
    • Aplicación de FacebookProbando el Canvas PageIframe a nuestra aplicación, que se visualiza dentro de Facebookhttp://apps.facebook.com/phpcero
    • Aplicación de FacebookAl hacer click en el link de “Iniciar Sesión” nos muestra lasiguiente pantalla, donde tenemos que hacer click en “Ir a laaplicación” para poder usar la Aplicación.Esta pantalla se puede configurar en la opción “Auth Dialog” dela configuración de nuestra Aplicación
    • Aplicación de FacebookConfiguración de Auth Dialog
    • Aplicación de FacebookUna vez que iniciamos Sesion en Facebook, nos mostrará lasiguiente ventana, con los datos del usuario activo
    • Aplicación de FacebookEn lugar de mostrar todo el VectorPodemos usar solo los datos que nos interesan,Por ejemplo, el nombre, apellido y nombre de usuarioEl id de usuario , nos sirve para obtener el Avatar del usuarioCon el codigohttps://graph.facebook.com/<?php echo $user_profile[‘id’]; ?>/picture
    • Aplicación de FacebookEl resultado final de mostrar sólo los datos del usuario quenecesitamos,
    • Pueden descargar el ejemplo de:https://www.box.com/s/9c420ae78dba7ffca133Ramiro Javier Chuquimia Ticona @ramir0ck ramiro@confianet.com