Présentation des applications de paiement Web

Comment intégrer votre application de paiement en ligne au service Paiements Web et offrir une meilleure expérience utilisateur.

Les paiements Web apportent au Web l'interface intégrée d'un navigateur qui permet aux utilisateurs de saisir les informations de paiement requises plus facilement que jamais. Les API peuvent appeler des applications de paiement Web, ainsi que des applications de paiement Android.

Prise en charge des navigateurs

Les paiements Web incluent différentes technologies, dont l'état dépend du navigateur.

Chromium Safari Firefox
Ordinateur Android Ordinateur Mobile Ordinateur/Mobile
API Payment Request
API Payment Handler
Application de paiement iOS/Android ✔* ✔*

Avantages des applications de paiement Web

Processus de paiement avec une application de paiement Web.
  • Les paiements sont effectués par le biais de modes, dans le contexte du site Web du marchand, ce qui offre une meilleure expérience utilisateur que les techniques classiques des applications de paiement qui utilisent des redirections ou des pop-ups.
  • Les API Web Payments peuvent être intégrées à des sites Web établis, ce qui vous permet de tirer parti de la base d'utilisateurs existante.
  • Contrairement aux applications spécifiques à la plate-forme, les applications de paiement Web n'ont pas besoin d'être installées à l'avance.

Comment fonctionne une application de paiement en ligne ?

Les applications de paiement en ligne sont conçues à l'aide des technologies Web standards. Chaque application de paiement Web doit inclure un service worker.

Dans une application de paiement Web, un service worker peut agir en tant que médiateur pour les demandes de paiement en:

  • Ouverture d'une fenêtre modale et affichage de l'interface de l'application de paiement.
  • Faire le lien entre l'application de paiement et le marchand
  • Obtenir l'autorisation du client et transmettre les identifiants de paiement au marchand

Découvrez le fonctionnement d'une application de paiement pour un marchand dans la section Cycle de vie d'une transaction de paiement.

Comment les marchands découvrent votre application de paiement

Pour qu'un marchand puisse utiliser votre application de paiement, il doit utiliser l'API Payment Request et spécifier le mode de paiement accepté à l'aide de l'identifiant du mode de paiement.

Si vous disposez d'un identifiant de mode de paiement propre à votre application de paiement, vous pouvez configurer votre propre fichier manifeste de mode de paiement et permettre aux navigateurs de détecter votre application.

Découvrez son fonctionnement et comment configurer un nouveau mode de paiement dans Configurer un mode de paiement.

API utilisables dans la fenêtre du gestionnaire de paiement

Une "fenêtre de gestionnaire de paiement" est une fenêtre dans laquelle des applications de paiement sont lancées. Dans Chrome, comme il s'agit d'une fenêtre standard du navigateur Chrome, la plupart des API Web devraient fonctionner comme si elles étaient utilisées dans un document de premier niveau, à quelques exceptions près:

  • Le redimensionnement de la fenêtre d'affichage est désactivé.
  • Le paramètre window.open() est désactivé.

Compatibilité WebAuthn

WebAuthn est un mécanisme d'authentification basé sur la cryptographie à clé publique. Vous pouvez autoriser les utilisateurs à se connecter via une validation biométrique. WebAuthn est déjà compatible avec la fenêtre du gestionnaire de paiement de Chrome, et le corps standard envisage de créer une connexion encore plus étroite entre les paiements Web et WebAuthn.

Compatibilité avec l'API Credential Management

L'API Credential Management fournit une interface de programmation entre le site et le navigateur pour une connexion fluide sur tous les appareils. Vous pouvez autoriser les utilisateurs à se connecter automatiquement à votre site Web en fonction des informations stockées dans le gestionnaire de mots de passe du navigateur. Il est prévu qu'elle soit activée dans Chrome, mais elle est toujours en cours de développement.

Compatibilité WebOTP

L'API WebOTP vous permet d'obtenir par programmation un OTP à partir d'un SMS et de valider plus facilement le numéro de téléphone de l'utilisateur. Elle devrait être activée dans Chrome, mais elle est toujours en cours de développement.

Vous pouvez consulter la liste des problèmes connus et des fonctionnalités dont l'ajout à la fenêtre du gestionnaire de paiement est prévu dans l'outil de suivi des bugs de Chromium.

Étapes suivantes

Pour commencer à créer une application de paiement Web, vous devez implémenter trois étapes distinctes: