Übersicht über webbasierte Zahlungs-Apps

Hier erfährst du, wie du deine webbasierte Zahlungs-App in Web Payments einbindest und deinen Kunden dadurch ein besseres Erlebnis bietet.

Web Payments erweckt das Web in die integrierte Benutzeroberfläche eines Browsers, über die Nutzer die erforderlichen Zahlungsinformationen einfacher als je zuvor eingeben können. Die APIs können sowohl webbasierte Zahlungs-Apps als auch Android-Zahlungs-Apps aufrufen.

Unterstützte Browser

Web Payments besteht aus verschiedenen Technologien und der Supportstatus hängt vom Browser ab.

Chromium Safari Firefox
Computer Android Computer Mobilgeräte Computer/Mobilgeräte
Zahlungsanforderungs-API
Zahlungs-Handler-API
iOS-/Android-Zahlungs-App ✔* ✔*

Vorteile webbasierter Zahlungs-Apps

Bezahlvorgang mit einer webbasierten Zahlungs-App.
  • Zahlungen erfolgen modales Fenster im Kontext der Händlerwebsite, was eine bessere Nutzererfahrung bietet als herkömmliche Zahlungs-Apps, bei denen Weiterleitungen oder Pop-ups zum Einsatz kommen.
  • Web Payments APIs können in bestehende Websites integriert 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 den Standard-Webtechnologien erstellt. Jede webbasierte Zahlungs-App muss einen Service Worker enthalten.

In einer webbasierten Zahlungsanwendung kann ein Service Worker auf folgende Weise als Vermittler für Zahlungsanfragen fungieren:

  • Ein modales Fenster öffnen und die Benutzeroberfläche der Zahlungs-App anzeigen.
  • Sie ermöglichen es, die Kommunikation zwischen der Zahlungs-App und dem Händler zu überbrücken.
  • Autorisierung vom Kunden abrufen und Anmeldedaten für die Zahlung an den Händler weitergeben

Unter Lebensdauer einer Zahlungstransaktion erfährst du, wie eine Zahlungs-App bei einem Händler funktioniert.

So finden Händler deine Zahlungs-App

Damit ein Händler deine Zahlungs-App verwenden kann, muss er die Payment Request API verwenden und die von dir unterstützte Zahlungsmethode über die Zahlungsmethode-ID angeben.

Wenn Sie eine eindeutige Kennung für Zahlungsmethoden für Ihre Zahlungs-App haben, können Sie Ihr eigenes Manifest für Zahlungsmethoden einrichten, damit Browser Ihre App erkennen können.

Wie das funktioniert und wie du eine neue Zahlungsmethode einrichtest, erfährst du unter Zahlungsmethode einrichten.

APIs, die Sie im Fenster des Zahlungs-Handlers verwenden können

Ein „Fenster für die Zahlungsabwicklung“ ist ein Fenster, in dem Zahlungs-Apps gestartet werden. Da es sich in Chrome um ein reguläres Chrome-Browserfenster handelt, sollten die meisten Web APIs bis auf wenige Ausnahmen wie in einem Dokument auf oberster Ebene funktionieren:

  • Das Ändern der Größe des Darstellungsbereichs ist deaktiviert.
  • window.open() ist deaktiviert.

WebAuthn-Unterstützung

WebAuthn ist ein Authentifizierungsmechanismus, der auf Public-Key-Kryptografie basiert. Sie können Nutzern die Anmeldung über eine biometrische Überprüfung ermöglichen. WebAuthn wird bereits im Zahlungs-Handler-Fenster in Chrome unterstützt. Der Standardtext möchte eine noch engere Verbindung zwischen Web Payments und WebAuthn herstellen.

Unterstützung für die Credential Management API

Die Credential Management API bietet eine programmatische Schnittstelle zwischen der Website und dem Browser für eine nahtlose Anmeldung auf allen Geräten. Sie können Nutzern erlauben, sich anhand der im Passwortmanager des Browsers gespeicherten Informationen automatisch auf Ihrer Website anzumelden. Die Aktivierung in Chrome ist geplant, befindet sich aber noch in der Entwicklung.

WebOTP-Unterstützung

Mit der WebOTP API können Sie ein OTP programmatisch aus einer SMS abrufen und eine Telefonnummer für den Nutzer einfacher bestätigen. Die Aktivierung in Chrome ist geplant, befindet sich aber noch in der Entwicklung.

Eine Liste mit bekannten Problemen und Funktionen, die voraussichtlich im Fenster des Zahlungs-Handlers hinzugefügt werden, findest du im Chromium-Tracker von Chromium.

Nächste Schritte

Um eine webbasierte Zahlungs-App zu erstellen, müssen Sie drei verschiedene Schritte implementieren: