Passer au contenu principal

Comment intégrer votre application de paiement Web à Web Payments et offrir une meilleure expérience utilisateur aux clients.

Web Payments apporte une interface de navigateur intégrée au Web 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 natives.

Prise en charge du navigateur

Web Payments se compose de plusieurs technologies différentes et l'état de l'assistance dépend du navigateur.

Chrome Safari Firefox
bureau Android ios bureau Mobile
API de demande de paiement En développement actif
API de contrôleur de paiement En développement actif
Application de paiement native * ✔ ** ✔ **

* Chrome envisage de rendre les applications payantes natives disponibles sur iOS.

igraal_fr-fr

** Safari est compatible avec Apple Pay mais pas avec les applications de paiement tierces.

Avantages des applications de paiement en ligne

Flux de paiement avec une application de paiement Web.

  • Les paiements sont effectués de manière appropriée, dans le contexte du site Web du commerçant, ce qui offre une meilleure expérience utilisateur que les techniques d'application de paiement classiques qui utilisent des redirections ou des pop-ups.
  • Les API Web Payments peuvent être intégrées à des sites Web établis, vous permettant de tirer parti de votre base d'utilisateurs existante.
  • Contrairement aux applications natives, 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 Web sont créées à l'aide de technologies Web standard. Chaque application de paiement Web doit inclure un technicien de service.

ONGLE Travailleur de service
il s'agit d'un script événementiel qui s'exécute en arrière-plan même si le site Web d'enregistrement n'est pas ouvert dans le navigateur. Les techniciens de service permettent aux sites Web de se déconnecter et d'envoyer des notifications push, car ils peuvent répondre aux demandes avec un cache stocké localement à l'avance.

Dans une application de paiement Web, un technicien de service 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.
  • Pontage de la communication entre l'application de paiement et le commerçant.
  • Obtenez l'autorisation du client et transmettez le justificatif de paiement au commerçant.

Découvrez comment une application de paiement fonctionne chez un commerçant au cours d'une opération de paiement.

Comment les marchands découvrent votre application de paiement

Pour qu'un commerçant utilise votre application de paiement, il doit utiliser le API de demande de paiement et spécifiez le mode de paiement que vous prenez en charge à l'aide de l'identifiant du mode de paiement.

Si vous disposez d'un identifiant de mode de paiement unique pour votre application de paiement, vous pouvez configurer votre propre manifeste de mode de paiement et permettre aux navigateurs de découvrir votre application.

Découvrez comment cela fonctionne et comment vous pouvez configurer un nouveau mode de paiement dans Configurer un mode de paiement.

API que vous pouvez utiliser dans la fenêtre du contrôleur de paiement

Une «fenêtre de gestion des paiements» est une fenêtre dans laquelle les applications de paiement démarrent. Dans Chrome, puisqu'il s'agit d'une fenêtre de navigateur Chrome normale, 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 est désactivé.
  • window.open () il est éteint.

Prise en charge de WebAuthn

WebAuthn c'est un mécanisme d'authentification basé sur la cryptographie à clé publique. Vous pouvez autoriser les utilisateurs à se connecter à l'aide de la vérification biométrique. WebAuthn prend déjà en charge la fenêtre du contrôleur de paiement dans Chrome, et l'organisme standard cherche à créer une connexion encore plus étroite entre Web Payments et WebAuthn.

Prise en charge de l'API Credential Management

L'API de gestion des identifiants
fournit une interface de programmation entre le site et le navigateur pour une connexion transparente 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 destiné à être activé dans Chrome, mais toujours Développement.

Prise en charge WebOTP

L'API Web OTP vous aide à obtenir par programme un OTP à partir d'un message SMS et à vérifier plus facilement le numéro de téléphone de l'utilisateur. Il est destiné à être activé dans Chrome, mais toujours Développement.

Vous pouvez consulter la liste des problèmes connus et des fonctionnalités qu'il est prévu d'ajouter à la fenêtre du contrôleur de paiement à l'adresse Chrome Bug Tracker.

Les prochaines étapes

Pour commencer à créer une application de paiement Web, vous devez mettre en œuvre trois parties différentes:

Erreur: Attention: Contenu protégé.