How to Receive GitHub Webhooks in Express
Raw-body middleware ordering for HMAC-friendly handlers
Express is still the default Node.js HTTP framework and powers an enormous amount of production webhook infrastructure. Its body-parsing middleware order is the single most common cause of 'signature mismatch' tickets — fix the ordering once and verification 'just works' across every provider. This guide walks through the Express setup for GitHub webhooks end to end: capturing the raw body, verifying the signature, handling retries idempotently, and iterating locally without redeploying. Cross-reference the GitHub Webhooks overview for the event catalog and sample payload.
GitHub Official Webhook Docs1. Set Up the Express Endpoint
The endpoint needs to do three things, in this order: read the raw body, verify the signature against those exact bytes, and only then parse the JSON for your business logic.
// server.ts
import express from "express";
const app = express();
// 1. Mount raw-body parser on the webhook route ONLY, BEFORE express.json().
// The "verify" callback hands you the unparsed Buffer to keep alongside req.body.
app.post(
"/api/webhooks/:service",
express.raw({ type: "application/json" }),
(req, res) => {
const rawBody = req.body as Buffer; // Buffer, not parsed JSON
const signature = req.header("x-signature-header") ?? "";
// 1. Verify HMAC over rawBody.toString("utf8")
// 2. Parse JSON only after verification passes
// 3. Process the event idempotently (use the event id as your key)
const event = JSON.parse(rawBody.toString("utf8"));
console.log("Verified webhook:", event.type ?? event);
res.status(200).send("ok");
},
);
// 2. JSON middleware comes AFTER the webhook route, so it doesn't consume
// your webhook bodies before your handler sees them.
app.use(express.json());
app.listen(3000);2. Verify the GitHub Signature
- Algorithm
- HMAC-SHA256
- Header
X-Hub-Signature-256- Encoding
- hex
- Prefix
sha256=
Node.js verification
import crypto from 'node:crypto';
import express from 'express';
const app = express();
app.post(
'/webhooks/github',
express.raw({ type: 'application/json' }),
(req, res) => {
const signature = req.headers['x-hub-signature-256'] as string | undefined;
if (!signature) return res.status(401).send('missing signature');
const expected =
'sha256=' +
crypto
.createHmac('sha256', process.env.GITHUB_WEBHOOK_SECRET!)
.update(req.body) // raw Buffer
.digest('hex');
const sigBuf = Buffer.from(signature);
const expBuf = Buffer.from(expected);
if (
sigBuf.length !== expBuf.length ||
!crypto.timingSafeEqual(sigBuf, expBuf)
) {
return res.status(401).send('invalid signature');
}
// Trusted: parse JSON ourselves now that the body is verified.
const event = JSON.parse(req.body.toString('utf8'));
res.json({ ok: true, action: event.action });
},
);Wire this verification call into the Express handler from section 1. The pattern is identical across Express versions: read raw body, verify, parse JSON, dispatch.
See GitHub's official signing docs for the canonical reference, or the cross-service signature verification guide for the same pattern in Ruby and other languages.
3. Make the Handler Idempotent
GitHub can — and will — send the same event twice. Network blips, your server returning a 5xx mid-processing, deploy windows: any of these triggers a retry, and your handler will see the same event id again. Build for that on day one rather than chasing duplicate-charge bugs in production.
The simplest pattern is a unique constraint on the event id in your database. The handler does the work inside a transaction, and the insert into the events table is the last step — if a retry arrives, the unique-constraint violation tells you the event already committed and you can return 200 without re-running the side effects.
Pattern in any framework:
- Read raw body, verify signature.
- Begin transaction.
- Apply business logic (charge, fulfil, notify, etc.).
- Insert event id into
processed_eventswith a unique constraint. - Commit. Return 200.
- On unique-constraint violation, return 200 — the event was already processed by a prior delivery.
4. GitHub Retry Behaviour
- Max attempts
- 50
- Total window
- Up to ~8 hours
- Backoff
- Exponential
- Retries on
- Non-2xx responses, timeouts (10s)
- Stops on
- Any 2xx response within 10s
Combine the retry numbers above with the idempotency pattern in section 3: aim to acknowledge fast (return 200 under the timeout) and let the idempotency table absorb any duplicates from in-flight retries. The full pattern, including dead-letter queues and replay-from-capture, lives in the Webhook Retry Strategies guide.
5. Test Locally Without Deploying
The fastest iteration loop for any webhook handler is: capture a real GitHub event with HookRay, then replay that captured request against your local Express server until the verification + business logic both pass. No need to retrigger the event in GitHub, no need to redeploy.
- Get a free webhook URL at hookray.com — no signup.
- Paste the URL into your GitHubdashboard's webhook settings.
- Trigger a test event. HookRay shows the headers, raw body, and parsed payload in real time.
- Use HookRay's replay feature to send the captured request against
http://localhost:3000/api/webhooks/github(or wherever your Express app is listening) — iterate on your code without re-poking the GitHub dashboard.
Deploying the Express Handler
Express works equally well on a long-running container (Render, Fly.io, ECS, GCP Cloud Run) or a serverless adapter (Vercel's Express adapter, AWS Lambda + serverless-http). For webhooks specifically, prefer a long-running runtime — cold starts on first request can push past the sender's retry timeout.
Need a host that boots quickly enough to absorb webhook bursts? DigitalOcean droplets stay warm, support raw-body proxies cleanly, and avoid the cold-start traps of some serverless runtimes.
Capture a real GitHub webhook in 30 seconds
Free webhook URL, real-time payload inspection, one-click replay. No signup required.
Start Testing — Free