Verify HubSpot webhooks

Verify that a webhook really came from HubSpot before acting on it.

Identifier	'hubspot'
Import	import { verifyHubSpot } from 'verihook/hubspot'
Headers	x-hubspot-signature-v3 x-hubspot-request-timestamp or x-hubspot-signature (v1/v2)
Signature	v3: base64 HMAC-SHA256 of <method><url><body><timestamp>. v1/v2: hex SHA-256 of the client secret with the body (and method and URL).
Replay window	300 seconds (v3) (options.tolerance)
result.eventType	the first event’s subscriptionType, e.g. contact.creation

Get your secret

The app’s Client secret: in your HubSpot developer account, open the app → Auth.

Store it in an environment variable (HUBSPOT_CLIENT_SECRET below) and never commit it.

Verify a request

import { verifyHubSpot } from 'verihook/hubspot';

export async function POST(request: Request) {
  const result = await verifyHubSpot(request, process.env.HUBSPOT_CLIENT_SECRET!);

  if (!result.valid) {
    console.warn(result.code, result.reason, result.hint);
    return new Response('Invalid signature', { status: 401 });
  }

  console.log(result.eventType, result.event);
  return Response.json({ received: true });
}

request can be a Fetch Request or { headers, body, url? } with the raw body. verifyWebhook('hubspot', request, secret) from verihook does the same. Read why the raw body matters if verification fails behind a body parser.

Framework examples

Next.js

app/api/webhooks/hubspot/route.ts

import { createWebhookHandler } from 'verihook/next';

export const POST = createWebhookHandler('hubspot', process.env.HUBSPOT_CLIENT_SECRET!, async (payload, result) => {
  // Runs only for a valid signature
  console.log(result.eventType, result.event);
});

Express

import express from 'express';
import { verihookExpress, type VerihookRequestAdditions } from 'verihook/express';

const app = express();

// Register before express.json(), or keep express.json() off this route
app.post('/webhooks/hubspot', verihookExpress('hubspot', process.env.HUBSPOT_CLIENT_SECRET!), (req, res) => {
  const { eventType, event } = (req as typeof req & VerihookRequestAdditions).verihook!;
  res.json({ received: true });
});

Fastify

import Fastify from 'fastify';
import { verihookFastify, verihookRawBody, type VerihookFastifyRequest } from 'verihook/fastify';

const app = Fastify();
await app.register(verihookRawBody);

app.post('/webhooks/hubspot', { preHandler: verihookFastify('hubspot', process.env.HUBSPOT_CLIENT_SECRET!) }, async (request) => {
  const { eventType, event } = (request as typeof request & VerihookFastifyRequest).verihook!;
  return { received: true };
});

Hono

import { Hono } from 'hono';
import { verihookHono, type VerihookVariables } from 'verihook/hono';

const app = new Hono<{ Bindings: { HUBSPOT_CLIENT_SECRET: string }; Variables: VerihookVariables }>();

app.post('/webhooks/hubspot', verihookHono('hubspot', (c) => c.env.HUBSPOT_CLIENT_SECRET), (c) => {
  const { eventType, event } = c.get('verihook');
  return c.json({ received: true });
});

NestJS

// main.ts: NestFactory.create(AppModule, { rawBody: true })
import { Controller, Post, Req, UseGuards } from '@nestjs/common';
import { createVerihookGuard, type VerihookNestRequest } from 'verihook/nestjs';

@Controller('webhooks')
export class WebhooksController {
  @Post('hubspot')
  @UseGuards(createVerihookGuard('hubspot', process.env.HUBSPOT_CLIENT_SECRET!))
  handle(@Req() req: VerihookNestRequest) {
    const { eventType, event } = req.verihook!;
  }
}

Nuxt / h3

server/api/webhooks/hubspot.post.ts

import { createWebhookHandler } from 'verihook/h3';

export default defineEventHandler(
  createWebhookHandler('hubspot', process.env.HUBSPOT_CLIENT_SECRET!, async (payload, result) => {
    console.log(result.eventType);
  }),
);

SvelteKit

src/routes/webhooks/hubspot/+server.ts

import { env } from '$env/dynamic/private';
import { createWebhookHandler } from 'verihook/sveltekit';

export const POST = createWebhookHandler('hubspot', () => env.HUBSPOT_CLIENT_SECRET, async (payload, result) => {
  console.log(result.eventType);
});

Remix / React Router

app/routes/webhooks.hubspot.ts

import { createWebhookHandler } from 'verihook/remix';

export const action = createWebhookHandler('hubspot', process.env.HUBSPOT_CLIENT_SECRET!, async (payload, result) => {
  console.log(result.eventType);
});

Astro

src/pages/api/webhooks/hubspot.ts

import { createWebhookHandler } from 'verihook/astro';

export const prerender = false;
export const POST = createWebhookHandler('hubspot', import.meta.env.HUBSPOT_CLIENT_SECRET, async (payload, result) => {
  console.log(result.eventType);
});

AWS Lambda

import { createWebhookHandler } from 'verihook/lambda';

export const handler = createWebhookHandler('hubspot', process.env.HUBSPOT_CLIENT_SECRET!, async (payload, result) => {
  console.log(result.eventType);
});

Each adapter responds 401 to an invalid signature, 413 to a body over maxBodySize (2 MB by default) and 200 to a duplicate when you pass a dedupeStore.

Things to know

• v2 and v3 sign the public URL. Behind a proxy, forward x-forwarded-proto and x-forwarded-host, or pass { url }.

Testing

signWebhook from verihook/testing builds a correctly signed HubSpot request for your tests:

import { signWebhook } from 'verihook/testing';
import { verifyHubSpot } from 'verihook/hubspot';

const hook = await signWebhook('hubspot', {
  secret: 'hubspot_client_secret',
  payload: { id: 'evt_test' },
});

const result = await verifyHubSpot(
  { headers: hook.headers, body: hook.body, url: hook.url },
  hook.secret,
);
// result.valid === true

From the command line, npx verihook simulate hubspot --url http://localhost:3000/webhooks/hubspot sends one to your local server.

See Testing your handlers for supertest and Fetch Request examples.

Troubleshooting

Failed results carry a code and often a hint with the likely cause. See Troubleshooting for each error code.

HubSpot’s webhook documentation