Desarrollo de aplicacion facebook con php - Basico

10,120 views

Published on

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

Published in: Education
1 Comment
2 Likes
Statistics
Notes
  • 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
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
10,120
On SlideShare
0
From Embeds
0
Number of Embeds
295
Actions
Shares
0
Downloads
193
Comments
1
Likes
2
Embeds 0
No embeds

No notes for slide

Desarrollo de aplicacion facebook con php - Basico

  1. 1. Desarrollo de Aplicaciónpara Facebook con PHP Ramiro Javier Chuquimia Ticona @ramir0ck ramiro@confianet.com
  2. 2. 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”
  3. 3. Create New AppEn la siguiente pantalla en la parte derecha hacemosun click en el Botón “Crear Nueva Aplicación”
  4. 4. 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”
  5. 5. Create New AppRellenamos el Captcha para poder continuar, yhacemos click en el boton “Aceptar”
  6. 6. 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
  7. 7. 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
  8. 8. 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”
  9. 9. 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.
  10. 10. 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”
  11. 11. 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
  12. 12. 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
  13. 13. 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”
  14. 14. 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
  15. 15. 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”
  16. 16. 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
  17. 17. 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
  18. 18. Aplicación de Facebook
  19. 19. Aplicación de FacebookProbando la Aplicación desde el url de nuestro servidorhttp://www.dobleclick.biz/www/appsfb/php0/
  20. 20. Aplicación de FacebookProbando el Canvas PageIframe a nuestra aplicación, que se visualiza dentro de Facebookhttp://apps.facebook.com/phpcero
  21. 21. 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
  22. 22. Aplicación de FacebookConfiguración de Auth Dialog
  23. 23. Aplicación de FacebookUna vez que iniciamos Sesion en Facebook, nos mostrará lasiguiente ventana, con los datos del usuario activo
  24. 24. 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
  25. 25. Aplicación de FacebookEl resultado final de mostrar sólo los datos del usuario quenecesitamos,
  26. 26. Pueden descargar el ejemplo de:https://www.box.com/s/9c420ae78dba7ffca133Ramiro Javier Chuquimia Ticona @ramir0ck ramiro@confianet.com

×