Como Configurar o Login Social
Como deixar o usuário logar no site usando as redes sociais.
Importante:
Certifique-se de que a variável APP_URL
no arquivo .env
corresponde à URL do seu site.
Esse valor geralmente é definido automaticamente, mas em alguns casos raros você pode precisar ajustá-lo manualmente.
-
Cadastre-se com uma conta comum do Facebook (se ainda não tiver uma).
-
Acesse este link e crie um novo app:
https://developers.facebook.com/apps -
Pegue as credenciais do novo app (Client ID e Client Secret).
Configuração via painel de administração:
-
Vá em: Painel de Administração → Configurações → Geral → Login Social
-
No campo do Facebook, insira:
-
Facebook Client ID
-
Facebook Client Secret
-
-
Salve as alterações
Você também pode definir esses valores diretamente no arquivo .env
:
FACEBOOK_CLIENT_ID=sua-client-id-do-facebook
FACEBOOK_CLIENT_SECRET=sua-client-secret-do-facebook
Nota: As configurações do .env
têm prioridade sobre as do painel.
OAuth Redirect URI:APP_URL/auth/facebook/callback
Substitua APP_URL
pela URL real do seu site, por exemplo:https://seudominio.com.br/auth/facebook/callback
-
Cadastre-se com uma conta comum do LinkedIn (se ainda não tiver uma).
-
Acesse este link e crie um novo app:
https://www.linkedin.com/developers/apps -
Pegue as credenciais do app.
Configuração via painel de administração:
-
Vá em: Painel de Administração → Configurações → Geral → Login Social
-
Insira:
-
LinkedIn Client ID
-
LinkedIn Client Secret
-
-
Salve as alterações
Ou configure diretamente no arquivo .env
:
LINKEDIN_CLIENT_ID=sua-client-id-do-linkedin
LINKEDIN_CLIENT_SECRET=sua-client-secret-do-linkedin
OAuth Redirect URI:APP_URL/auth/linkedin/callback
Exemplo: https://seudominio.com.br/auth/linkedin/callback
-
Cadastre-se com uma conta comum do Twitter (se ainda não tiver uma).
-
Acesse este link e crie um novo app:
https://developer.twitter.com/en/portal/dashboard -
Pegue as credenciais do app.
Configuração via painel de administração:
-
Vá em: Painel de Administração → Configurações → Geral → Login Social
-
Insira:
-
Twitter Client ID
-
Twitter Client Secret
-
-
Salve as alterações
Ou configure diretamente no arquivo .env
:
TWITTER_CLIENT_ID=sua-client-id-do-twitter
TWITTER_CLIENT_SECRET=sua-client-secret-do-twitter
Importante:
Antes de configurar o login do Twitter, vá nas permissões do app (em developer.twitter.com) e ative a opção "Request email address from users".
OAuth Redirect URI:APP_URL/auth/twitter/callback
Exemplo: https://seudominio.com.br/auth/twitter/callback
Google (obsoleto/descontinuado)
-
Cadastre-se com uma conta Google (se ainda não tiver uma).
-
Acesse este link e crie um novo projeto:
https://console.cloud.google.com/apis/credentials -
Pegue as credenciais do app.
Configuração via painel de administração:
-
Vá em: Painel de Administração → Configurações → Geral → Login Social
-
Insira:
-
Google Client ID
-
Google Client Secret
-
-
Salve as alterações
Ou configure diretamente no arquivo .env
:
GOOGLE_CLIENT_ID=sua-client-id-do-google
GOOGLE_CLIENT_SECRET=sua-client-secret-do-google
Redirect URI autorizada:APP_URL/auth/google/callback
Exemplo: https://seudominio.com.br/auth/google/callback