SDK do JavaScript – Exemplos

Leia nosso guia de início rápido para saber como carregar e inicializar o SDK do Facebook para JavaScript, além do guia de configuração avançada para personalizar a implementação. Depois, teste os exemplos de uso do SDK:

• Disparar um diálogo de compartilhamento
• Login do Facebook

Disparar um diálogo de compartilhamento

O diálogo de compartilhamento permite que uma pessoa usando uma página publique um link na própria Linha do Tempo ou crie um story da Open Graph. Os diálogos exibidos com o SDK do JavaScript são automaticamente formatados para o contexto no qual foram carregados (web do celular ou para desktop).

Mostraremos aqui como o método FB.ui() do SDK pode ser usado para invocar um diálogo de compartilhamento básico. Adicione este trecho depois da chamada FB.init() no código básico de configuração:

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

Agora, quando você recarregar a página, verá um diálogo de compartilhamento na parte superior. Depois de o diálogo ser fechado devido à publicação ou ao cancelamento do story, a função de resposta será acionada.

Para ver a lista completa dos parâmetros e a estrutura do objeto de resposta, consulte o documento de referência de FB.ui.

Login do Facebook

O Login do Facebook permite que o usuário se inscreva ou entre no app usando a identidade do Facebook.

Temos um guia completo sobre Login do Facebook para web com o SDK para JavaScript. Por enquanto, usaremos um código básico de amostra para descrever o funcionamento. Insira o seguinte depois da chamada 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.');
    }
});
    

Leia o guia de login para entender o que acontece aqui. Ao recarregar a página, você deverá receber o diálogo Entrar do app, caso ainda não tenha concedido a permissão a ele.