Webbasierte Zahlungs-App registrieren

Hier erfahren Sie, wie Sie eine webbasierte Zahlungs-App während der Registrierung konfigurieren.

Webbasierte Zahlungs-Apps sind progressive Web-Apps (PWA) und laufen zusätzlich zum Dienst Mitarbeiter: Die Der Service Worker in einer Zahlungs-App spielt eine wichtige Rolle bei der Erfassung von Zahlungen eines Händlers anfordern, die Zahlungs-App startet und über die Kommunikation mit dem Händler.

Um eine webbasierte Zahlungs-App zu konfigurieren, musst du verfügbare Zahlungs-Apps registrieren und einen Service Worker. Sie können Ihre webbasierte Zahlungs-App konfigurieren deklarativ mit einem Web-App-Manifest.

Unterstützte Browser

Web Payments umfasst verschiedene Technologien und die Unterstützung, hängt vom Browser ab.

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

Zahlungs-App mit einem Web-App-Manifest konfigurieren

Um Ihre webbasierte Zahlungs-App deklarativ zu konfigurieren, stellen Sie eine Web-App bereit. Manifestdatei.

Die folgenden Properties im Web-App-Manifest sind für webbasierte Zahlungs-Apps relevant:

  • name
  • icons
  • serviceworker
    • src
    • scope
    • use_cache

Lesen Sie den Artikel Zahlung einrichten um sicherzustellen, dass das Manifest Ihrer Zahlungsmethode auf Ihr Web-App-Manifest verweist ordnungsgemäß funktioniert.

Service Worker Just-in-Time (JIT) registrieren

Die JIT-Registrierung erfordert nur die Bereitstellung der Webanwendung Manifest und ohne zusätzliche Programmierung. Wenn Sie Ihr Web-App-Manifest bereits konfiguriert haben und ob die Anzeige ordnungsgemäß geschaltet wird, sollten Sie startklar sein. Der Browser verarbeitet die Ruhe.

Fehler in einer webbasierten Zahlungsanwendung beheben

Bei der Entwicklung eines Front-Ends für eine webbasierte Zahlungs-App Händlerkontext und Zahlungs-App-Kontext. Die folgenden Tipps zur Fehlerbehebung helfen Ihnen, in Chrome zu entwickeln.

Auf einem lokalen Server entwickeln

Welchen Server verwenden Sie für die Entwicklung? Viele Entwickler verwenden localhost oder eine unternehmensinterne Serverumgebung, die eine Herausforderung darstellen kann, Leistungsstarke Browserfunktionen erfordern in der Regel eine sichere Umgebung (HTTPS) und ein gültiges Zertifikat. Die Payment Request API und die Payment Handler API keine Ausnahme. Localhosts oder unternehmensinterne Server haben meist keine ein gültiges Zertifikat.

Die gute Nachricht ist, dass einige Browser, wie z. B. Chrome, Ausnahmezertifikate für Standardmäßig http://localhost. In Chrome können Sie das Zertifikat indem Sie eine Chrome-Instanz starten. Um beispielsweise den für die Anforderung von http://*.corp.company.com verwenden, verwenden Sie die folgenden Flags:

macOS

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

Windows

chrome.exe --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

Weitere Informationen zur Ausführung von Chrome mit einem Laufzeit-Flag finden Sie unter Chromium ausführen mit Flags.

Portweiterleitung eines lokalen Servers

Sie können den lokalen Webserver mithilfe der Entwicklertools und testen die Funktionsweise in einem mobilen Browser. Um zu erfahren, wie das geht, finden Sie unter Access Local Server.

Remote-Debugging einer Website in Android Chrome über die Entwicklertools für den Computer

Du kannst Fehler in Android Chrome auch mit den Entwicklertools auf deinem Computer beheben. Um zu erfahren, wie das geht, erhalten Sie unter Erste Schritte mit Remote-Debugging für Android. Geräte:

Ereignisprotokollierung des Zahlungs-Handlers

In den Entwicklertools kann die Payment Handler API angezeigt werden Ereignisse für einfachere lokale Entwicklung. Öffnen Sie die Entwicklertools im Händlerkontext und rufen Sie die „Zahlungsabwicklung“ im Bereich Anwendung. Aktivieren Sie das Kontrollkästchen "Ereignisse anzeigen" von anderen Domains“ und klicken Sie auf die Schaltfläche Schaltfläche zum Erfassen der gesendeten Ereignisse an den Service Worker, der Zahlungen abwickelt.

<ph type="x-smartling-placeholder">
</ph> Screenshot der Ereignisprotokollierung im Payment Handler. <ph type="x-smartling-placeholder">
</ph> Ereignisprotokollierung des Zahlungs-Handlers.

Nächste Schritte

Im nächsten Schritt lernen Sie, wie der Service Worker eine Zahlung orchestrieren kann. die Transaktion zur Laufzeit ausführen.