So binden Sie Ihre webbasierte Zahlungs-App in Web Payments ein und bieten Kunden eine bessere Nutzererfahrung.
Web Payments bietet eine im Browser integrierte Benutzeroberfläche, über die Nutzer erforderliche Zahlungsinformationen einfacher als je zuvor eingeben können. Die APIs können webbasierte Zahlungs-Apps sowie 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 erfolgen in Modalen im Kontext der Händlerwebsite. Das ist nutzerfreundlicher als die üblichen Zahlungsmethoden, bei denen Weiterleitungen oder Pop-ups verwendet werden.
- 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 Zahlungs-Apps nicht im Voraus installiert werden.
Wie funktioniert eine webbasierte Zahlungs-App?
Webbasierte Zahlungs-Apps werden mit Standard-Webtechnologien erstellt. Jede webbasierte Zahlungs-App muss einen Service Worker enthalten.
In einer webbasierten Zahlungs-App kann ein Service Worker als Vermittler für Zahlungsanfragen fungieren, indem er:
- Ein modales Fenster wird geöffnet und die Benutzeroberfläche der Zahlungs-App wird angezeigt.
- Überbrückung der Kommunikation zwischen der Zahlungs-App und dem Händler.
- Eine Autorisierung vom Kunden einholen und die Zahlungsanmeldedaten an den Händler weitergeben.
Informationen zur Funktionsweise einer Zahlungs-App bei einem Händler
Wie Händler Ihre Zahlungs-App finden
Damit ein Händler Ihre Zahlungs-App verwenden kann, muss er die Payment Request API verwenden und die von Ihnen unterstützte Zahlungsmethode mit der Zahlungsmethoden-ID angeben.
Wenn Sie eine Zahlungsmethoden-ID haben, die für Ihre Zahlungs-App eindeutig ist, können Sie Ihr eigenes Zahlungsmethodenmanifest einrichten und Browser Ihre App erkennen lassen.
Weitere Informationen zum Einrichten einer Zahlungsmethode
APIs, die im Fenster des Zahlungshandlers verwendet werden können
Ein „Zahlungs-Handler-Fenster“ ist ein Fenster, in dem Zahlungs-Apps gestartet werden. Da es sich bei Chrome um ein normales Chrome-Browserfenster handelt, sollten die meisten Web-APIs wie in einem Dokument der obersten Ebene funktionieren. Es gibt nur wenige Ausnahmen:
- Die Größe des Darstellungsbereichs kann nicht geändert werden.
window.open()ist deaktiviert.
WebAuthn-Unterstützung
WebAuthn ist ein Authentifizierungsmechanismus, der auf Public-Key-Kryptografie basiert. Sie können Nutzern erlauben, sich über eine biometrische Bestätigung anzumelden. WebAuthn wird im Zahlungs-Handler-Fenster in Chrome bereits unterstützt und das Standardisierungsgremium arbeitet an einer noch engeren Verbindung zwischen Web Payments und WebAuthn.
Unterstützung der Credential Management API
Die Credential Management API bietet eine programmatische Schnittstelle zwischen der Website und dem Browser für die nahtlose Anmeldung auf verschiedenen Geräten. Sie können Nutzern die automatische Anmeldung auf Ihrer Website ermöglichen, indem Sie die im Passwortmanager des Browsers gespeicherten Informationen verwenden. 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 Einmalkennwort aus einer SMS abrufen und die Telefonnummer des Nutzers 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 Zahlungs-Handler-Fenster hinzugefügt werden sollen, finden Sie im Chromium-Bugtracker.
Nächste Schritte
Wenn Sie eine webbasierte Zahlungs-App erstellen möchten, müssen Sie drei verschiedene Teile implementieren: