Webhook Site

URL: https://webhook.site/

O webhook site é o mais simples de todos, porque no momento que você abre o site, já encontra a URL única. Essa URL é a que receberá as requisições de seus Webhooks, e nesse mesmo local conseguirá vê-las chegando.

Hora da ação

Preparamos um pequeno tutorial para você testar essa URL gerada, mas você também pode colocar essa URL no seu postman/insomnia e testar por lá mesmo.

Passo a passo

• Entrar no webhook site;
• Ativar a opção "CORS Headers";
• Copie sua URL única;
• Faça uma requisição do tipo GET para a URL única;
• Volte no webhook site e se tudo ocorreu como deveria sua notificação de requisição estará lá;

Opcional: Editar resposta

• No botão "Edit" na parte superior direita do site você consegue personalizar as respostas das suas requisições;

CORS

Se não ativar a opção "CORS Headers", você só receberá requisições "pre-flight" (OPTIONS) e o resto serão bloqueadas.

Para facilicar um pouco mais, criamos um codeblock onde você pode testar uma requisição POST e receber no seu webhook. Para isso mude o valor da chave URL para a sua URL única.

Editor em tempo real

const requestOptions = { url: 'sua-url-unica-webhook-site.com', method: 'POST', body: { notification: 'Você foi notificado', }, apiKey: null, }; render(<RequestCode requestOptions={requestOptions} />);

const requestOptions = {
  url: 'sua-url-unica-webhook-site.com',
  method: 'POST',
  body: {
    notification: 'Você foi notificado',
  },
  apiKey: null,
};

render(<RequestCode requestOptions={requestOptions} />);

Resultado

Loading...

Depois de fazer a requisição pelo codeblock verá que o conteúdo do webhook site mudou e você recebeu uma requisição do tipo POST, clicando nela você poderá ver os detalhes da requisição e seu conteúdo body se tiver enviado um payload.

Com isso, você testou seu endpoint de webhook e está sendo notificado.