How to capture paypal webhook?

Question

I've integrated PayPal Smart Buttons in my website, both createOrder and Capture are processed on the server side, when a payment has been completed the transation is available on business sandbox account and the webhook event is registered in Webhooks Events page.

The webhook POST url is subscribed in dashboard to all event and to test it in localhost i use webhookrelay.

The issue is that i get the webhook called only when the event comes from the Webhook Simulator and not from an actual payment from Smart Button.

So my server receives webhook calls only from the simulator and is NOT triggered from a Smart Button payment.

I'm in sandbox mode and all payments and Smart Buttons are in sandbox mode.

Here is my Smart Button code:

paypal
  .Buttons({
    style: {
      shape: "rect",
      color: "gold",
      layout: "horizontal",
      label: "paypal",
      tagline: false,
      height: 52,
    },
    createOrder: async function () {
      const res = await fetch(
        "https://www.example.it/payment/paypal/order/create/" + orderID,
        {
          method: "post",
          headers: {
            "content-type": "application/json",
          },
          credentials: "include",
        }
      );
      const data = await res.json();
      return data.id;
    },
    onApprove: async function (data) {
      const res = await fetch(
        "https://www.example.it/payment/paypal/" +
          data.orderID +
          "/capture/",
        {
          method: "post",
          headers: {
            "content-type": "application/json",
          },
          credentials: "include",
        }
      );
      const details = await res.json();
      if (localStorage.STBOrder) {
        localStorage.removeItem("STBOrder");
      }
      $("#modalPayments").modal("hide");
      $("#modalSuccess").modal("show");
    },
    onCancel: function (data) {},
  })
  .render("#paypal-button-container");

Preston PHX Preston PHX · Accepted Answer · 2020-07-07T15:23:37

Since you are capturing on the server side, there is no real motivation to use webhooks. The response of your API call to do the capture is already authoritative; a webhook provides no useful additional information
If you insist on implementing webhooks for some reason, you need to register a listener for the events you want to receive. There is an API for managing webhook registrations: https://developer.paypal.com/docs/api/webhooks/v1/#webhooks_post , or you can try the steps in this guide https://developer.paypal.com/docs/api-basics/notifications/webhooks/rest/#subscribe-to-events
Again, implementing asynchronous webhooks is completely unnecessary when you have already implemented a synchronous capture API call on your server.

How to capture paypal webhook?

1 Answers