Rendering von Apple- und Google-Wallets testen
Vergleichen Sie Ihre Integration mit funktionierenden Demo-Integrationen, um mögliche Rendering-Probleme zu identifizieren.
Die folgende Demo zeigt verschiedene Stripe-Zahlungsintegrationen mit Apple Pay und Google Pay. Verwenden Sie die Demo, um visuell zu vergleichen, wie diese Wallets in den Demo-Integrationen und in Ihrer eigenen Integration angezeigt werden.
- Wenn die Zahlungsoptionen von Apple Pay und Google Pay sowohl in der Demo als auch in Ihrer Integration wie erwartet angezeigt werden, sind sie korrekt konfiguriert.
- Wenn Sie über eine gültige Wallet verfügen, diese aber nicht als Zahlungsmethode in der Demo angezeigt wird, passen Sie die Einrichtung Ihres Geräts und Ihres Browsers an, bis Apple Pay und Google Pay wie erwartet angezeigt werden.
- Wenn Ihre Wallet in den Demos, aber nicht in Ihrer eigenen Integration angezeigt wird, überprüfen Sie Ihre Integration.
Sie können canMakePayment() ausführen, um zu prüfen, welche Wallets stripe.js als unterstützt und bereit für Ihr Gerät erkennt.
Running canMakePayment(), results will be shown soon
Überprüfen Sie die Einrichtung Ihres Geräts und Browsers
Wenn Ihre erwartete Wallet nicht in den Demos angezeigt wird, erfüllt Ihr Gerät oder Browser möglicherweise nicht die folgenden Bedingungen für Apple Pay oder Google Pay.
- Die Wallet muss mindestens eine Karte enthalten.
- Sie müssen ein kompatibles Apple Pay-Gerät und Google Pay-Gerät verwenden.
- Sie müssen für die Wallet, die Sie testen, eine unterstützte Version eines unterstützten Browsers verwenden.
Notiz
Diese Integration basiert auf der Payment Request API, die Android WebViews nicht unterstützt.
- Erlauben Sie geeigneten Browsern den Zugriff auf Ihre Wallet.
- Chrome: Einstellungen > Autofill und Passwörter > Zahlungsmethoden > Websites erlauben, zu überprüfen, ob Sie Zahlungsmethoden gespeichert haben
- Safari: Einstellungen > Erweitert > Websites erlauben, nach Apple Pay und Apple-Karte zu suchen
- Verwenden Sie kein Chrome-Inkognito-Fenster oder privates Safari-Fenster.
- Bestätigen Sie, dass Sie in einer unterstützten Apple Pay-Region und Google Pay-Region tätig sind.
- Stripe zeigt weder Apple Pay noch Google Pay für IP-Adressen in Indien an.
- Vergewissern Sie sich bei Apple Pay, dass Ihr Gerät die biometrische Authentifizierung unterstützt.
Integration prüfen
Wenn Sie die erwarteten Wallet-Zahlungsmethoden in den Demo-Zahlungsformularen sehen, sie aber nicht in Ihrer eigenen Integration angezeigt werden, kann das Problem möglicherweise mithilfe der folgenden Checkpoints behoben werden.
Ihre Domains registrieren
Überprüfen Sie Ihr Stripe Dashboard, um Ihre Domain-Registrierungen zu bestätigen. Sie müssen jede Domain und Subdomain separat für jede Umgebung registrieren, einschließlich des Live-Modus und jeder Sandbox.
Für eine korrekte Domain-Registrierung müssen Connect-Nutzer/innen auch die Konfiguration der Geldbewegung (Direct Charge oder Destination Charge) berücksichtigen.
(Apple Pay) Alle Domains bei Verwendung von iFrames registrieren
Um Apple Pay in einer Integration mit iFrames anzuzeigen, müssen Sie:
- Stellen Sie sicher, dass die iFrame- und Top-Level-Site-Domains übereinstimmen, wenn Sie Browserversionen vor Safari 17 unterstützen.
- Legen Sie das Attribut
allow="payment"
im iFrame fest. - Registrieren Sie sowohl die iframe-Domain als auch die Top-Level-Domain der Website, wenn sie unterschiedlich sind (unterstützt von Safari 17 oder höher).
Wallets für Ihre Integration aktivieren
- Aktivieren Sie unterstützte Wallets in Ihren Zahlungsmethodenkonfigurationen um sicherzustellen, dass sie von dynamischen Zahlungsmethoden dargestellt werden können.
- Um Wallet-Zahlungsmethoden manuell festzulegen, fügen Sie
payment_
ein, wenn:method_ types= ['card'] - Payment Intent erstellen
- Initialisieren von Elements auf Ihrem Client, um Zahlungsdetails vor Erstellen eines Intent zu erfassen.