Integrando o Login via Facebook



Para integrar o login via facebook, primeiro acesse o site: https://developers.facebook.com/

Posteriormente clique no menu "My Apps" (ou Meus Apps em português).


Posteriormente clique no botão, "Create App"


Selecione a opção Consumer, para habilitarmos o facebook login posteriormente

Clique em Continue e preencha o nome do seu app e seu email:


Depois disso, clicando em Create App, na tela que vai se abrir, clique em "Set Up" no card do Facebook Login.


Selecione a plataforma Web:

Coloque a URL do seu projeto e clique em Save e depois em Continue.

Posteriormente, você não precisará seguir as etapas mostradas pois todo o código já foi inserido para você e nesse caso, você precisará acessar o menu Settings > Basic.

Nesta tela você verá o seu App ID e App Secret.

Copie o seu App ID e App Secret pois usaremos eles posteriormente no nosso aplicativo.

Nesta tela, também cole a URL do seu aplicativo em App Domains:




No fim da página, clique em Save Changes. Posteriormente, acesso o menu Facebook Login > Settings

Dentro de settings, preencha a sua URL no campo Valid OAuth Redirect URIs e adicione no final do link o texto: "/login/facebook/callback". Sem isso a autenticação dará um erro.

Adicionalmente, desabilite a opção Client OAuth Login e Force Web OAuth Reauthentication. As demais opções devem ser habilitadas, incluindo a opção "Login from Devices" abaixo do campo da URL.



Ao final deste processo, clique em Salvar na parte inferior da página e depois na parte superior altere o seu app de "In development" para Produção clicando na chave mostrada:



Dentro do Dono do App, acesse as Configurações > Login Social do seu aplicativo:




Ativa a caixa de habilitar o login com facebook e depois preencha o seu App Id e App Secret. Após isso o seu login social irá passar a funcionar!

Você achou esse artigo útil?