So können Sie Ihre webbasierte Zahlungs-App in Web Payments einbinden und Kunden eine bessere Nutzererfahrung bieten.
Web Payments bietet die integrierte Benutzeroberfläche eines Browsers im Web, mit der Nutzer erforderliche Zahlungsinformationen einfacher denn je eingeben können. Die APIs können sowohl webbasierte Zahlungs-Apps als auch Android-Zahlungs-Apps aufrufen.
Unterstützte Browser
Web Payments besteht aus mehreren verschiedenen Technologien und der Supportstatus hängt vom Browser ab.
Vorteile webbasierter Zahlungs-Apps
- Zahlungen werden in Modalfenstern im Kontext der Händlerwebsite ausgeführt. Das ist nutzerfreundlicher als die üblichen Methoden von Zahlungs-Apps, bei denen Weiterleitungen oder Pop-ups verwendet werden.
- Web Payments APIs können in bestehende Websites eingebunden werden, sodass Sie die bestehende Nutzerbasis nutzen können.
- Im Gegensatz zu plattformspezifischen Apps müssen webbasierte Zahlungs-Apps nicht im Voraus installiert werden.
Wie funktioniert eine webbasierte Zahlungs-App?
Webbasierte Zahlungs-Apps werden mit den Standard-Webtechnologien erstellt. Jede webbasierte Zahlungs-App muss einen Dienst-Worker enthalten.
In einer webbasierten Zahlungs-App kann ein Service Worker als Vermittler für Zahlungsanfragen fungieren, indem er:
- Ein modales Fenster öffnen und die Benutzeroberfläche der Zahlungs-App anzeigen
- Überbrückung der Kommunikation zwischen der Zahlungs-App und dem Händler.
- Sie holen eine Autorisierung vom Kunden ein und geben die Zahlungsdaten an den Händler weiter.
Wie eine Zahlungs-App für einen Händler funktioniert, erfahren Sie unter Lebenszyklus einer Zahlungstransaktion.
So finden Händler Ihre Zahlungs-App
Damit ein Händler Ihre Zahlungs-App verwenden kann, muss er die Payment Request API verwenden und die von Ihnen unterstützte Zahlungsmethode mithilfe der Zahlungsmethode-ID angeben.
Wenn Sie eine Zahlungsmethoden-ID haben, die nur für Ihre Zahlungs-App gilt, können Sie ein eigenes Manifest für Zahlungsmethoden einrichten und Ihre App von Browsern finden lassen.
Weitere Informationen dazu, wie das funktioniert und wie Sie eine neue Zahlungsmethode einrichten, finden Sie unter Zahlungsmethode einrichten.
APIs, die Sie im Fenster „Zahlungsabwickler“ verwenden können
Ein „Zahlungsabwicklerfenster“ ist ein Fenster, in dem Zahlungs-Apps gestartet werden. Da es sich bei Chrome um ein reguläres Chrome-Browserfenster handelt, sollten die meisten Web-APIs mit nur wenigen Ausnahmen so funktionieren, als würden sie in einem Dokument auf oberster Ebene verwendet:
- Das Ändern der Größe des Darstellungsbereichs ist deaktiviert.
window.open()ist deaktiviert.
WebAuthn-Unterstützung
WebAuthn ist ein Authentifizierungsmechanismus, der auf der Public-Key-Kryptografie basiert. Sie können Nutzern die Anmeldung über eine biometrische Bestätigung ermöglichen. WebAuthn wird bereits im Fenster des Zahlungsabwicklers in Chrome unterstützt. Der Standardisierungsverband arbeitet daran, 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 der Website und dem Browser für eine nahtlose Anmeldung auf verschiedenen Geräten. Sie können festlegen, dass sich Nutzer automatisch auf Ihrer Website anmelden, basierend auf den Informationen, die im Passwortmanager des Browsers gespeichert sind. Die Funktion soll in Chrome aktiviert werden, befindet sich aber noch in der Entwicklung.
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. Die Funktion soll in Chrome aktiviert werden, befindet sich aber noch in der Entwicklung.
Eine Liste der bekannten Probleme und Funktionen, die dem Fenster des Zahlungsabwicklers hinzugefügt werden sollen, finden Sie im Chromium-Fehler-Tracker.
Nächste Schritte
Wenn Sie eine webbasierte Zahlungs-App erstellen möchten, müssen Sie drei verschiedene Teile implementieren: