Ejemplos del SDK de JavaScript

Lee nuestra guía de inicio rápido para obtener información sobre cómo cargar e inicializar el SDK de Facebook para JavaScript y nuestra guía de configuración avanzada para personalizar tu implementación. Luego, prueba nuestros ejemplos de uso del SDK:

• Activar un cuadro de diálogo de contenido compartido
• Inicio de sesión con Facebook

Activar un cuadro de diálogo de contenido compartido

El cuadro de diálogo de contenido compartido le permite a quien use una página publicar un enlace a su biografía o crear una historia de Open Graph. Los cuadros de diálogo que se muestran mediante el SDK de JavaScript se formatean automáticamente en función del contenido en que se cargan, ya sea web móvil o de escritorio.

Aquí te mostraremos cómo se puede usar el método FB.ui() del SDK para invocar un cuadro de diálogo de contenido compartido muy básico. Agrega este fragmento después de la llamada de FB.init() en el código de configuración básica:

FB.ui({
  method: 'share',
  href: 'https://developers.facebook.com/docs/'
}, function(response){});
    

Cuando recargues la página, verás que aparece un cuadro de diálogo de contenido compartido en la parte superior. Una vez que este cuadro de diálogo se cierre, ya sea porque se publica una historia o se lo cancela, se activará la función de respuesta.

Lee el documento de referencia FB.ui para ver una lista completa de los parámetros que se pueden utilizar y la estructura del objeto de respuesta.

Inicio de sesión con Facebook

El inicio de sesión con Facebook permite a los usuarios utilizar su identidad de Facebook para registrarse o iniciar sesión en tu app.

Contamos con una guía completa, en la que se explica cómo usar el SDK de JS para implementar el inicio de sesión con Facebook. Pero por el momento, utilizaremos un código básico de ejemplo para ver cómo funciona. Inserta lo siguiente después de la llamada de FB.init original:

FB.login(function(response) {
    if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name + '.');
     });
    } else {
     console.log('User cancelled login or did not fully authorize.');
    }
});
    

Lee la guía sobre inicio de sesión para conocer exactamente lo que ocurre aquí. No obstante, cuando recargues tu página, se te debería mostrar el cuadro de diálogo de inicio de sesión correspondiente a tu app, si todavía no le otorgaste permiso.