Facebook

Facebook OAuth2

Authorization Code Exchange para web e mobile — setup no Meta, referência da API e exemplos de frontend.

Visão geral

O login Facebook é opcional e controlado por FACEBOOK_AUTH_ENABLED. Quando desligado, os endpoints Facebook respondem 503 Service Unavailable. JWTs nunca vão na URL de redirect; a API emite um exchangeCode de uso único (Redis, 60 segundos). O mesmo POST /auth/exchange é compartilhado com o Google.

  • • Ativado por feature flag no ambiente
  • • Passport Facebook strategy + FacebookAuthGuard
  • • Allowlist de redirect evita open redirects
  • • Mesmo formato de tokens do POST /auth/login

Meta for Developers

Crie um App Facebook com Facebook Login e configure a Valid OAuth Redirect URI igual a FACEBOOK_CALLBACK_URL.

  1. Abra Meta for Developers → Meus Apps → Criar App
  2. Adicione o produto Facebook Login
  3. Em Facebook Login → Configurações, adicione a Valid OAuth Redirect URI (ex.: http://localhost:3000/api/v1/auth/facebook/callback)
  4. Copie App ID e App Secret para o .env
  5. Solicite a permissão email (obrigatório)

Variáveis de ambiente

Carregadas do .env via src/config/facebook-oauth.config.ts (namespace facebookOAuth no ConfigService). Veja .env.example.

Environment.env
FACEBOOK_AUTH_ENABLED=true
FACEBOOK_APP_ID=your-facebook-app-id
FACEBOOK_APP_SECRET=your-facebook-app-secret
FACEBOOK_CALLBACK_URL=http://localhost:3000/api/v1/auth/facebook/callback
FACEBOOK_REDIRECT_ALLOWLIST=myapp://success,http://localhost:5173/auth/callback
FACEBOOK_OAUTH_DEFAULT_ROLES=

Roles padrão para novos usuários Facebook

Novos usuários Facebook recebem roles: [] por padrão (igual ao register). Defina FACEBOOK_OAUTH_DEFAULT_ROLES no .env como lista separada por vírgula (ex.: user ou user,manager). Usuários existentes vinculados por e-mail mantêm as roles atuais.

Sequência

  1. Cliente abre GET /api/v1/auth/facebook?redirect=<URL na allowlist>
  2. Usuário consente no Facebook; o browser chama GET /api/v1/auth/facebook/callback
  3. API faz upsert do usuário, grava exchangeCode no Redis e redireciona para redirect?code=...
  4. Cliente faz POST { code } em /api/v1/auth/exchange e recebe os JWTs

Referência da API

1. Iniciar OAuth

Abre o consentimento do Facebook. O query redirect deve bater com um prefixo de FACEBOOK_REDIRECT_ALLOWLIST (ou omita para usar a primeira entrada).

HTTPGET /api/v1/auth/facebook
GET /api/v1/auth/facebook?redirect=http%3A%2F%2Flocalhost%3A5173%2Fauth%2Fcallback

400 redirect inválido · 503 feature desligada

2. Callback

Tratado pela API. Redireciona para o app com ?code= (ou &code= se a URL já tiver query).

HTTPGET /api/v1/auth/facebook/callback
GET /api/v1/auth/facebook/callback?code=FACEBOOK_AUTH_CODE&state=...
→ 302 Location: http://localhost:5173/auth/callback?code=EXCHANGE_CODE

3. Trocar código

Endpoint público compartilhado com o Google. Consome o código (uso único) e retorna o mesmo formato do login.

HTTP RequestPOST /api/v1/auth/exchange
POST /api/v1/auth/exchange
Content-Type: application/json

{
  "code": "EXCHANGE_CODE"
}
HTTP Response200 OK
{
  "user": {
    "id": "...",
    "email": "[email protected]",
    "firstName": "Jane",
    "lastName": "Doe",
    "roles": [],
    "facebookId": "1082...",
    "isActive": true
  },
  "accessToken": "eyJhbGciOiJIUzI1NiIs...",
  "refreshToken": "eyJhbGciOiJIUzI1NiIs..."
}

401 código inválido/expirado/usado · 503 auth social desligada

Frontend — Web (SPA)

Fluxo típico: o botão inicia OAuth na mesma janela (ou popup); a rota de callback no frontend lê code da query e chama exchange.

JavaScriptIniciar login Facebook
const API = 'http://localhost:3000/api/v1';
const redirect = encodeURIComponent(
  'http://localhost:5173/auth/callback'
);

// Redirect de página inteira: Nest → Facebook → de volta à SPA
window.location.href = `${API}/auth/facebook?redirect=${redirect}`;
JavaScriptPágina de callback /auth/callback
// /auth/callback na SPA
const params = new URLSearchParams(window.location.search);
const code = params.get('code');
if (!code) throw new Error('Missing exchange code');

const res = await fetch('http://localhost:3000/api/v1/auth/exchange', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({ code }),
});
if (!res.ok) throw new Error(await res.text());

const { user, accessToken, refreshToken } = await res.json();
// persista os tokens como sua app exigir
sessionStorage.setItem('accessToken', accessToken);
console.log('signed in', user.email);
  • • Inclua a URL de callback do frontend em FACEBOOK_REDIRECT_ALLOWLIST (ex.: http://localhost:5173/auth/callback)
  • • FACEBOOK_CALLBACK_URL aponta para a API Nest, não para a SPA
  • • Armazene accessToken / refreshToken com segurança

Frontend — Mobile (deep link)

Use um scheme customizado (ou universal link) na allowlist. Após o Facebook, a API redireciona para myapp://success?code=.... O app abre, lê o código e chama exchange.

React NativeAbrir OAuth no browser
import * as Linking from 'expo-linking';
import * as WebBrowser from 'expo-web-browser';

const API = 'https://api.example.com/api/v1';
const redirect = encodeURIComponent('myapp://success');

async function signInWithFacebook() {
  const url = `${API}/auth/facebook?redirect=${redirect}`;
  await WebBrowser.openAuthSessionAsync(url, 'myapp://success');
}
React NativeDeep link + exchange
import * as Linking from 'expo-linking';

async function exchangeFromUrl(url) {
  const { queryParams } = Linking.parse(url);
  const code = queryParams?.code;
  if (!code) return;

  const res = await fetch(`${API}/auth/exchange`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
    body: JSON.stringify({ code }),
  });
  const data = await res.json();
  // data.accessToken, data.refreshToken, data.user
  return data;
}

Linking.addEventListener('url', ({ url }) => {
  exchangeFromUrl(url);
});
  • • Registre o scheme no SO / Expo app.json
  • • Prefira Linking.addEventListener('url', ...) e getInitialURL()
  • • Faça o exchange via HTTPS na base URL da API

Notas de segurança

  • • URLs de redirect devem casar com prefixos de FACEBOOK_REDIRECT_ALLOWLIST
  • • Códigos de exchange são de uso único e expiram em 60 segundos (Redis)
  • • Usuários locais existentes são vinculados pelo e-mail verificado do Facebook (facebookId; roles inalteradas)
  • • Usuários só-Facebook têm password null — login/change-password com senha falham até haver senha
  • • Permissão email é obrigatória; o login falha se o Facebook não devolver e-mail

Modelo de usuário

Campos da entity/interface usados pelo login Facebook:

  • • facebookId — ID Facebook único e nullable
  • • password — nullable para contas só OAuth
  • • isActive — true para novos usuários Facebook
  • • roles — de FACEBOOK_OAUTH_DEFAULT_ROLES no env (padrão [])

Relacionados