Como Configurar o Login Social

Como deixar o usuário logar no site usando as redes sociais.

 12

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.


Facebook

  1. Cadastre-se com uma conta comum do Facebook (se ainda não tiver uma).

  2. Acesse este link e crie um novo app:
    https://developers.facebook.com/apps

  3. 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


LinkedIn

  1. Cadastre-se com uma conta comum do LinkedIn (se ainda não tiver uma).

  2. Acesse este link e crie um novo app:
    https://www.linkedin.com/developers/apps

  3. 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


Twitter

  1. Cadastre-se com uma conta comum do Twitter (se ainda não tiver uma).

  2. Acesse este link e crie um novo app:
    https://developer.twitter.com/en/portal/dashboard

  3. 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)

  1. Cadastre-se com uma conta Google (se ainda não tiver uma).

  2. Acesse este link e crie um novo projeto:
    https://console.cloud.google.com/apis/credentials

  3. 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