Making Authenticated Fetch inside ORDER_CREATED webhook

[bendrobinson1998]

Hi Harshdeeep / community,

I'm struggling to make a fetch request to a userRoute that makes a client request to admin API. It's returning:

2024-07-10T22:05:37.994485+00:00 app[web.1]: ---> An error happened at verifyRequest middleware: No authorization header found 2024-07-10T22:05:38.005329+00:00 app[web.1]: Error handling order creation webhook: Error: Failed to add order note
2024-07-10T22:05:38.005331+00:00 app[web.1]: at file:///app/server/webhooks/orders_create.js:58:15

My fetch code in my web hook:

const note = Tickets: ${ticketNumbers.join(", ")} | Raffle: ${activeRaffle.title};
      const response = await fetch(${process.env.SHOPIFY_APP_URL}/api/apps/raffles/addOrderNote, {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
        },
        body: JSON.stringify({ orderId: webhookBody.id, note }),
      });

And my server route:

userRoutes.post("/raffles/addOrderNote", async (req, res) => {
  const { orderId, note } = req.body;
const sessionId = await shopify.session.getCurrentId({
  isOnline: true,
  rawRequest: req,
  rawResponse: res,
});
const session = await sessionHandler.loadSession(sessionId);
const shopName = session.shop;
const { client } = await clientProvider.offline.graphqlClient({
  shop: shopName,
});
  if (!orderId || !note) {
    return res.status(400).json({ error: "Order ID and note are required" });
  }

  try {
    
    console.log(orderId, note);
   
    const mutation = ...

Any help appreciated!

[kinngh]

I don't see the point of making a request from your webhook to your route. Just make a GraphQL call from the webhook itself. You have the shop as one of the params anyways, just use that as a param to load offline GraphQL client and make your request.