Logar usando o facebook

[mzaidan 2]

Prezados, primeiramente, desculpem a burrice.

Já pesquisei na net, entrei em vários sites, entrei no face e NADA, absolutamente NADA.

Não consigo colocar aquele botão de Conectar Usando o Facebook.

 

Alguém poderia me dar uma luz?

 

Desde já agradeço.

[William Bruno 1501]

Leia:

 

https://developers.facebook.com/docs/facebook-login

[mzaidan 2]

Cara, ja entrei ai, ja criei o APP.

Recebi um ID

Pronto, dai pra frente não sei como implementar.

Li todas as dicas dadas pelo próprio facebook, mas não consegui implementar

Erro

Warning

O URL informado não é permitido pela configuração do aplicativo.: Uma ou mais das URLs fornecidas não são permitidas nas configurações do aplicativo. A URL deve corresponder à URL do site ou URL do Canvas, ou o domínio deve ser um subdomínio de um dos domínios do aplicativo.

[William Bruno 1501]

Esse erro foi localhost ?

Creio que local dá esse erro mesmo, pelo o que lembro.

 

Existem libs e scripts prontos por ai, dá uma pesquisada.

[Lucas Guima 164]

Exatamente @William Bruno, o login só funciona na mesma URL que você cadastrou nas configurações do seu app, ou seja, local não funciona.

[mzaidan 2]

É, foi vacilo. Ta pegando agora.

Mas, só fica, entrar ou sair.

Como que faz para, ao clicar em entrar, ao invés de só aparecer o botão sair, aparecer tb a foto do perfil do face?

[Lucas Guima 164]

Você precisa resgatar o ID do usuário logado.

 

Então você utiliza essa URL:

 

https://graph.facebook.com/{ID_DO_USUARIO_LOGADO}/picture

[mzaidan 2]

Certo.

Mas como eu pego essa Id do usuário logado?

[mzaidan 2]

Consegui fazer conectar e deslogar.

Mas, a foto ta difícil.

Os scripts que achei na net, não consegui botar nenhum pra funcionar.

Alguém poderia ajudar?

[William Bruno 1501]

Poste o que vc já tem.

[mzaidan 2]

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&appId=1516673971890778&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<table border="0" width="100%" height="100%" CELLSPACING="0" CELLPADDING="0">
  <tr bgcolor="#2f54a3">
    <td width="7%" align="center">
       <img src="imagens/logo.png" height="50">
    </td>
    <td width="83%">
       <input type="search" name="search" placeholder="" rel="search">
    </td>
    <td width="5%" align="right"> 
      <div class="fb-login-button" scope="public_profile" data-max-rows="1" data-size="large" data-show-faces="false" data-auto-logout-link="true"></div>

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&appId=1516673971890778&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<table border="0" width="100%" height="100%" CELLSPACING="0" CELLPADDING="0">
  <tr bgcolor="#2f54a3">
    <td width="7%" align="center">
       <img src="imagens/logo.png" height="50">
    </td>
    <td width="83%">
       <input type="search" name="search" placeholder="" rel="search">
    </td>
    <td width="5%" align="right"> 
      <div class="fb-login-button" scope="public_profile" data-max-rows="1" data-size="large" data-show-faces="false" data-auto-logout-link="true"></div>

Com isso, eu tenho o botão de logar (logando efetivamente) e após logar, o botão de deslogar.

 

Só que só isso.

 

Queria a foto do perfil do cara logado.

[Lucas Guima 164]

No seu código não tem script nenhum que tenta pegar o ID, nem a imagem.

 

Você precisa utilizar a API do Facebook.