how can I req.headers properly from a sendgrid webhook test?

[Elindo586]

Summary

For example, in this line of code below I am getting the console.log(req.headers); but the signature, headers Object.keys and the timestamp are showing up as undefined.

How can I get the actual value of the signature and timestamp???

Testing it with ngrok in my localhost I get a 403 error... and well... I don't know how to test it on the live site... maybe I should ask sendgrid..

const signature = req.headers["x-twilio-email-event-webhook-signature"];
	const timestamp = req.headers["x-twilio-email-event-webhook-timestamp"];
  // console.log(req.headers);
  // console.log('Header Keys:', Object.keys(req.headers));
  // console.log(`signature: ${signature}`);
  // console.log(`timestamp: ${timestamp}`);

The headers object looks like this:

Headers {
  host: 'mmnmnmnc.ngrok-free.app',
  'user-agent': 'SendGrid Event API',
  'content-length': '3719',
  'accept-encoding': 'gzip',
  'content-type': 'application/json',
  'x-forwarded-for': '167.89.119.80',
  'x-forwarded-host': 'mfmfmfmfmfmd7ac.ngrok-free.app',
  'x-forwarded-proto': 'https',
  'x-twilio-email-event-webhook-signature': 'Mxxxxxxxxxxxxxzi0jyfiyoPjxkCe0HI1VC/c961qzjaJo',
  'x-twilio-email-event-webhook-timestamp': '1755000000',
  'x-forwarded-port': '3000'
}

The full code is here:
https://github.com/Elindo586/mcheck/blob/main/app/api/sendgrid-webhook/route.js

Additional information

No response

Example

No response

[icyJoseph]

Hi,

From the docs: https://nextjs.org/docs/app/api-reference/file-conventions/route#headers

Or from MDN, https://developer.mozilla.org/en-US/docs/Web/API/Request/Request

There's like two ways to get them, but since you are using the Request (req) object, you can use the .get method.

const signature = req.headers.get("x-twilio-email-event-webhook-signature");
const timestamp = req.headers.get("x-twilio-email-event-webhook-timestamp");

[Elindo586]

thank you..