PaymentRequest: метод canMakePayment()

Метод PaymentRequest canMakePayment() определяет, настроена ли заявка так, чтобы быть совместимой хотя бы с одним способом оплаты, поддерживаемым агентом пользователя.

Вы можете вызвать его перед вызовом show(), чтобы обеспечить удобный пользовательский опыт, когда браузер пользователя не поддерживает ни один из способов оплаты, которые вы принимаете.

Например, вы можете вызвать canMakePayment() для определения, позволит ли браузер пользователю оплатить с помощью API Payment Request, и если нет, вы можете перейти к другому способу оплаты или предложить список способов, которые не обрабатываются API Payment Request (или даже предоставить инструкции по оплате почтой или по телефону).

Нет.

Обещание Promise булевому значению, которое разрешается в true если агент пользователя поддерживает любой из способов оплаты, предоставленных при создании запроса с помощью конструктора PaymentRequest. Если обработка платежа невозможна, обещание получает значение false.

В следующем примере, взятом из демонстрационного примера, асинхронно создаётся объект PaymentRequest для Apple Pay и Example Pay. Он оборачивает вызов canMakePayment() в обнаружение возможности функции и вызывает соответствующую функцию обратного вызова в зависимости от разрешения Promise.

async function initPaymentRequest() {
  const details = {
    total: {
      label: "Total",
      amount: {
        currency: "USD",
        value: "0.00",
      },
    },
  };

  const supportsApplePay = new PaymentRequest(
    [{ supportedMethods: "https://apple.com/apple-pay" }],
    details,
  ).canMakePayment();

  // Supports Apple Pay?
  if (await supportsApplePay) {
    // show Apple Pay logo, for instance
    return;
  }

  // Otherwise, let's see if we can use Example Pay
  const supportsExamplePay = await new PaymentRequest(
    [{ supportedMethods: "https://example.com/pay" }],
    details,
  ).canMakePayment();

  if (supportsExamplePay) {
    // show Example Pay support
    return;
  }

  // Otherwise, make payments using HTML form element
}

• PaymentRequest.show()