Skip to main content

C贸mo integrar su aplicaci贸n de pago basada en web con Web Payments y proporcionar una mejor experiencia de usuario para los clientes.

Web Payments trae a la web una interfaz integrada del navegador que permite a los usuarios ingresar la informaci贸n de pago requerida m谩s f谩cil que nunca. Las API pueden invocar aplicaciones de pago basadas en web, as铆 como aplicaciones de pago nativas.

Soporte de navegador

Web Payments consta de algunas tecnolog铆as diferentes y el estado de soporte depende del navegador.

Cromo Safari Firefox
Escritorio Androide iOS Escritorio M贸vil
API de solicitud de pago En desarrollo activo
API del controlador de pagos En desarrollo activo
Aplicaci贸n de pago nativa * 鉁 ** 鉁 **

* Chrome est谩 considerando hacer que las aplicaciones de pago nativas est茅n disponibles en iOS.

** Safari es compatible con Apple Pay pero no con aplicaciones de pago de terceros.

Beneficios de las aplicaciones de pago basadas en la web

Flujo de pago con una aplicaci贸n de pago basada en web.

  • Los pagos se realizan en modales, en el contexto del sitio web del comerciante, que proporciona una mejor experiencia de usuario que las t茅cnicas t铆picas de aplicaciones de pago que utilizan redireccionamientos o ventanas emergentes.
  • Las API de Web Payments se pueden integrar en sitios web establecidos, lo que le permite aprovechar la base de usuarios existente.
  • A diferencia de las aplicaciones nativas, las aplicaciones de pago basadas en la web no necesitan instalarse con anticipaci贸n.

驴C贸mo funciona una aplicaci贸n de pago basada en web?

Las aplicaciones de pago basadas en la web se crean utilizando las tecnolog铆as web est谩ndar. Cada aplicaci贸n de pago basada en la web debe incluir un trabajador de servicio.

UNA Trabajador del servicio
es un script controlado por eventos que se ejecuta en segundo plano incluso si el sitio web de registro no est谩 abierto en el navegador. Los trabajadores del servicio permiten que los sitios web trabajen sin conexi贸n y env铆en notificaciones autom谩ticas, ya que pueden responder a las solicitudes con un cach茅 que se almacena localmente con anticipaci贸n.

En una aplicaci贸n de pago basada en la web, un trabajador del servicio puede actuar como mediador para las solicitudes de pago al:

  • Abriendo una ventana modal y mostrando la interfaz de la aplicaci贸n de pago.
  • Puenteando la comunicaci贸n entre la aplicaci贸n de pago y el comerciante.
  • Obtener una autorizaci贸n del cliente y pasar la credencial de pago al comerciante.

Aprenda c贸mo funciona una aplicaci贸n de pago en un comerciante en la vigencia de una transacci贸n de pago.

C贸mo los comerciantes descubren su aplicaci贸n de pago

Para que un comerciante use su aplicaci贸n de pago, debe usar la API de solicitud de pago y especifique el m茅todo de pago que admite utilizando el identificador del m茅todo de pago.

Si tiene un identificador de m茅todo de pago exclusivo para su aplicaci贸n de pago, puede configurar su propio manifiesto de m茅todo de pago y permitir que los navegadores descubran su aplicaci贸n.

Aprenda c贸mo funciona y c贸mo puede configurar un nuevo m茅todo de pago en Configuraci贸n de un m茅todo de pago.

API que puede utilizar dentro de la ventana del controlador de pagos

Una 芦ventana de gesti贸n de pagos禄 es una ventana en la que se inician las aplicaciones de pago. En Chrome, dado que es una ventana normal del navegador Chrome, la mayor铆a de las API web deber铆an funcionar como si se usaran en un documento de nivel superior, con solo algunas excepciones:

  • El cambio de tama帽o de la ventana gr谩fica est谩 deshabilitado.
  • window.open() est谩 desactivado.

Soporte WebAuthn

WebAuthn es un mecanismo de autenticaci贸n basado en la criptograf铆a de clave p煤blica. Puede permitir que los usuarios inicien sesi贸n mediante una verificaci贸n biom茅trica. WebAuthn ya es compatible con la ventana del controlador de pagos en Chrome, y el organismo est谩ndar est谩 buscando crear una conexi贸n a煤n m谩s estrecha entre Web Payments y WebAuthn.

Compatibilidad con la API de gesti贸n de credenciales

La API de gesti贸n de credenciales
proporciona una interfaz program谩tica entre el sitio y el navegador para iniciar sesi贸n sin problemas en todos los dispositivos. Puede permitir que los usuarios inicien sesi贸n en su sitio web autom谩ticamente seg煤n la informaci贸n almacenada en el administrador de contrase帽as del navegador. Est谩 previsto que est茅 habilitado en Chrome, pero a煤n as铆 en desarrollo.

Soporte WebOTP

La API de Web OTP le ayuda a obtener de forma program谩tica una OTP a partir de un mensaje SMS y verificar un n煤mero de tel茅fono para el usuario m谩s f谩cilmente. Est谩 previsto que est茅 habilitado en Chrome, pero a煤n as铆 en desarrollo.

Puede consultar la lista de problemas conocidos y funciones que se planea agregar a la ventana del controlador de pagos en el Rastreador de errores de cromo.

Pr贸ximos pasos

Para comenzar a crear una aplicaci贸n de pago basada en la web, tiene tres partes distintas para implementar: