Übersicht über webbasierte Zahlungs-Apps

So können Sie Ihre webbasierte Zahlungs-App in Webzahlungen einbinden und 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 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.

Chrom Safari Firefox
Computer Android Computer Mobilgeräte Computer/Mobilgerät
Payment Request API
Payment Handler API
Zahlungs-App für iOS/Android ✔* ✔*

Vorteile webbasierter Zahlungs-Apps

Bezahlvorgang mit einer webbasierten Zahlungs-App.
  • 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 bestehende 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 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 leiten die Zahlungsdaten an den Händler weiter.

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 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 in Chrome um ein normales Chrome-Browserfenster handelt, sollten die meisten Web-APIs funktionieren, wie sie in einem Dokument auf oberster Ebene verwendet werden. Allerdings gibt es 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 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 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. 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: