Hier erfahren Sie, wie Sie Ihre webbasierte Zahlungsanwendung in Web Payments einbinden und Ihren Kunden eine bessere Nutzererfahrung bieten.
Mit Web Payments können Nutzer über die integrierte Browseroberfläche im Webbrowser die erforderlichen Zahlungsinformationen einfacher eingeben als je zuvor. Die APIs können webbasierte Zahlungsanwendungen sowie Android-Zahlungs-Apps aufrufen.
Unterstützte Browser
Web Payments besteht aus verschiedenen Technologien. Der Supportstatus hängt vom Browser ab.
Vorteile webbasierter Zahlungs-Apps
- Zahlungen erfolgen in modalen Ansichten im Kontext der Händlerwebsite, was eine bessere Nutzererfahrung bietet als herkömmliche Zahlungs-App-Techniken, die Weiterleitungen oder Pop-ups verwenden.
- Web Payments APIs können in bestehende Websites eingebunden werden, sodass Sie die vorhandene Nutzerbasis nutzen können.
- Im Gegensatz zu plattformspezifischen Apps müssen webbasierte Zahlungsanwendungen nicht im Voraus installiert werden.
Wie funktioniert eine webbasierte Zahlungs-App?
Webbasierte Zahlungs-Apps werden mithilfe der standardmäßigen Webtechnologien erstellt. Jede webbasierte Zahlungsanwendung muss einen Service Worker enthalten.
In einer webbasierten Zahlungs-App kann ein Service Worker bei Zahlungsanforderungen wie folgt als Vermittler fungieren:
- Ein modales Fenster mit der Benutzeroberfläche der Zahlungs-App öffnen
- Überbrückung der Kommunikation zwischen der Zahlungs-App und dem Händler
- Autorisierung vom Kunden einholen und Anmeldedaten für Zahlungen an den Händler übergeben
Unter Ablauf einer Zahlungstransaktion erfahren Sie, wie eine Zahlungs-App bei einem Händler funktioniert.
Wie Händler Ihre Zahlungs-App entdecken
Damit ein Händler deine Zahlungs-App nutzen kann, muss er die Payment Request API verwenden und die von dir unterstützte Zahlungsmethode mithilfe der Zahlungsmethode angeben.
Wenn du eine eindeutige Zahlungsmethoden-ID für deine Zahlungs-App hast, kannst du ein eigenes Manifest für die Zahlungsmethode einrichten, damit Browser deine App erkennen können.
Wie das funktioniert und wie du eine neue Zahlungsmethode einrichten kannst, erfährst du unter Zahlungsmethode einrichten.
APIs, die Sie im Zahlungs-Handler-Fenster verwenden können
Ein Zahlungs-Handler-Fenster ist ein Fenster, in dem Zahlungs-Apps gestartet werden. Da es sich in Chrome um ein normales Chrome-Browserfenster handelt, sollten die meisten Web-APIs funktionieren, wie sie in einem Dokument auf oberster Ebene verwendet werden. Es gibt nur wenige Ausnahmen:
- Die Größe des Darstellungsbereichs kann nicht angepasst werden.
window.open()ist deaktiviert.
Unterstützung von WebAuthn
WebAuthn ist ein Authentifizierungsmechanismus, der auf der Public-Key-Kryptografie basiert. Sie können Nutzern erlauben, sich über eine biometrische Überprüfung anzumelden. WebAuthn wird bereits im Zahlungs-Handler-Fenster von Chrome unterstützt. Der Standardtext versucht, eine noch engere Verbindung zwischen Web Payments und WebAuthn herzustellen.
Unterstützung der Credential Management API
Die Credential Management API bietet eine programmatische Schnittstelle zwischen Website und Browser für eine nahtlose Anmeldung auf allen Geräten. Sie können Nutzern die automatische Anmeldung auf Ihrer Website ermöglichen, basierend auf den im Passwortmanager des Browsers gespeicherten Informationen. Die Funktion soll in Chrome aktiviert werden, befindet sich aber noch in der Entwicklungsphase.
WebOTP-Unterstützung
Mit der WebOTP API können Sie programmatisch ein OTP aus einer SMS-Nachricht abrufen und eine Telefonnummer für den Nutzer einfacher bestätigen. Es soll in Chrome aktiviert werden, befindet sich aber noch in der Entwicklungsphase.
Eine Liste der bekannten Probleme und Funktionen, die im Fenster mit dem Zahlungs-Handler hinzugefügt werden sollen, finden Sie im Chromium-Fehler-Tracker.
Nächste Schritte
Bei der Entwicklung einer webbasierten Zahlungs-App müssen drei verschiedene Teile implementiert werden: