Estoy investigando la API de solicitud de pago como una forma de optimizar los pagos en el proceso de pago de nuestro sitio y me he topado con un pequeño muro de ladrillos sobre cómo usarlo con pagos con tarjeta. Hay algunas demostraciones que explican cómo usar la API de solicitud de pago, esta parecía ser la más simple y fácil de seguir, pero también está bastante desactualizada (como parecen estarlo muchas demostraciones de PR API que he encontrado) . Aquí está mi código que se ejecuta cuando se hace clic en el botón de pago:

 const paymentMethods = [ { supportedMethods: ['basic-card', 'visa', 'mastercard', 'amex'], data: { supportedNetworks: ['visa', 'mastercard', 'amex'] } } ]; const details = { total: { label: 'Test payment', amount: { currency: 'GBP', value: '1.00' } } }; // Show a native Payment Request UI and handle the result const request = new PaymentRequest(paymentMethods, details); request.show() .then(response => { console.log('yep'); console.log(response); }) .catch(err => { console.error(err); });

Me sale el siguiente error en la consola:

RangeError no capturado: no se pudo construir 'PaymentRequest': formato de identificador de método de pago no válido

Investigué un poco y descubrí que el método compatible con la 'tarjeta básica' está obsoleto , y las referencias simples a los proveedores de tarjetas de crédito ya no parecen ser compatibles. Los documentos de MDN para métodos compatibles en realidad indican

A partir de los navegadores más recientes, este parámetro es más genérico que las tarjetas de crédito, es una sola cadena y el significado del parámetro de datos cambia con los métodos admitidos. Por ejemplo, el método de pago Ejemplo de pago se selecciona especificando la cadena https://example.com/pay aquí.

Lo cual está muy bien, pero si quiero admitir pagos con tarjeta de crédito y débito Visa o Mastercard, ¿qué URL utilizo para ellos en los métodos admitidos? El procesador de pagos de nuestro sitio web es Worldpay, ¿es esto algo que les pediría? ¿O necesito encontrar direcciones URL individuales para Visa y Mastercard? He buscado en Google y no puedo encontrar nada relevante para ninguno de ellos. Tal vez solo soy malo para buscar en Google, pero realmente no sé cómo proceder con esto y me preguntaba si alguien más tenía experiencia en configurar la API de solicitud de pago para usar tarjetas de crédito y débito.

Ah, y estoy probando esto en Chrome 103 por cierto.

Gracias