The canmakepayment event of the ServiceWorkerGlobalScope interface is fired on a payment app's service worker to check whether it is ready to handle a payment. Specifically, it is fired when the merchant website calls new PaymentRequest().

Use the event name in methods like addEventListener(), or set an event handler property.

addEventListener("canmakepayment", (event) => {});

oncanmakepayment = (event) => {};

A CanMakePaymentEvent. Inherits from ExtendableEvent.

The canmakepayment event is fired on a payment app's service worker to check whether it is ready to handle a payment. Specifically, it is fired when the merchant website calls new PaymentRequest(). The service worker can then use the CanMakePaymentEvent.respondWith() method to respond appropriately:

self.addEventListener("canmakepayment", (e) => {
  e.respondWith(
    new Promise((resolve, reject) => {
      someAppSpecificLogic()
        .then((result) => {
          resolve(result);
        })
        .catch((error) => {
          reject(error);
        });
    }),
  );
});

respondWith() returns a Promise that resolves with a boolean value to signal that the service worker is ready to handle a payment request (true), or not (false).

• Payment Handler API
• Web-based payment apps overview
• Setting up a payment method
• Life of a payment transaction
• Using the Payment Request API
• Payment processing concepts