Partial Mock APIs — Guias httpdrop

Acelere o desenvolvimento front-end mockando apenas os endpoints que você precisa

O problema: dependência bloqueante de back-end

Você está desenvolvendo uma tela de checkout. O back-end tem 12 endpoints — 8 já estão prontos, mas os 4 mais críticos (cálculo de frete, validação de cupom, processamento de pagamento e confirmação de pedido) ainda estão em desenvolvimento. O time de front fica parado esperando?

Não precisa. A técnica de Partial Mock permite substituir seletivamente apenas os endpoints que faltam enquanto os demais continuam apontando para o servidor real.

App / Front-end

→

httpdrop
intercepta os 4 endpoints mock

→ mock
→ real

Resposta mock
endpoints em dev

API real
8 endpoints prontos

Como funciona

1
Crie um endpoint no httpdrop e configure o Proxy Mode apontando para a URL base da sua API real (ex: https://api.meuapp.com.br).
2
Troque o base URL no front-end para o endpoint httpdrop (ex: https://httpdrop.com/mock/ABC123). Por padrão, todas as requisições são repassadas para a API real.
3
Crie Mock Rules apenas para os endpoints que precisam de mock. O httpdrop intercepta essas rotas e retorna a resposta simulada — o restante vai direto para o servidor real.

Casos de uso

🛒

E-commerce — Mockar cálculo de frete e processamento de pagamento enquanto catálogo e busca usam a API de homologação real.

🏦

Fintech — Simular aprovação/negação de crédito e geração de boleto sem afetar o sistema bancário de homologação.

🧪

Testes de edge case — Forçar resposta de timeout (usando Delay na rule) em um endpoint específico para testar o tratamento de erro do front.

Exemplo rápido

Mock Rule para POST /checkout/payment

{
  "method": "POST",
  "path": "/checkout/payment",
  "status": 200,
  "body": {
    "transactionId": "{{uuid}}",
    "status": "approved",
    "amount": "{{req.body.amount}}"
  }
}

O front-end não sabe que está recebendo dados simulados. Quando o back-end ficar pronto, basta remover a rule e o tráfego volta para o servidor real — sem mudar uma linha de código no front.

💡

Dica: Use o histórico de requests do httpdrop para comparar a resposta simulada com a real depois que o endpoint do back-end ficar pronto. Qualquer divergência aparece no diff automático.