Payment Element bei mehreren Abwicklern verwenden
Erfahren Sie, wie Sie Kartendaten mit Payment Element erfassen und mit einem Drittanbieter-Abwickler verwenden können.
Verwenden Sie Payment Element, um einen benutzerdefinierten Zahlungsablauf zu erstellen, über den Sie Kartendaten erfassen, eine PaymentMethod erstellen und die Zahlungsmethode an einen von Ihnen erstellten Drittanbieter weiterleiten können.
Zugriff anfordern
Um Zugriff auf den Weiterleitungsdienst von Stripe zu erhalten, wenden Sie sich an den Stripe-Support.
Eine PaymentMethod erstellenClientseitig![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Verwenden Sie ein Payment Element, um Zahlungsdetails zu erfassen. Wenn Sie nicht in das Payment Element integriert haben, erfahren Sie, wie Sie loslegen können. Nachdem der Kunde/die Kundin Ihr Zahlungsformular abgeschickt hat, rufen Sie stripe.createPaymentMethod auf, um eine PaymentMethod zu erstellen. Übergeben Sie die ID der PaymentMethod an den ForwardingRequest-Endpoint auf Ihrem Server.
ForwardingRequest erstellen![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Wenden Sie sich an den Stripe-Support, um Ihren Ziel-Endpoint zu konfigurieren und mit der Weiterleitung von Transaktionen zu beginnen. Senden Sie die Kartendaten an diesen Test-Endpoint, bevor Sie Ihre Integration mit Ihrem Drittanbieter-Zahlungsabwickler verbinden.
const stripe = require("stripe")(
); const express = require('express'); const app = express(); app.set('trust proxy', true); app.use(express.json()); app.use(express.static(".")); app.post('/create-forwarding-request', async (req, res) => { try { const forwardedReq = await stripe.forwarding.requests.create( { payment_method: req.body.paymentMethodId, url: '{{DESTINATION_ENDPOINT}}', request: { headers: [{ name: 'Destination-API-Key', value: '{{DESTINATION_API_KEY}}' },{ name: 'Destination-Idempotency-Key', value: '{{DESTINATION_IDEMPOTENCY_KEY}}' }], body: JSON.stringify({ "amount": { "currency": "USD", "value": 1099 }, "reference": "Your order number", "card": { "number": "", "exp_month": "", "exp_year": "", "cvc": "", "name": "", } }) }, replacements: ['card_number', 'card_expiry', 'card_cvc', 'cardholder_name'], } ); if (forwardedReq.response_details.status != 200) { // Return error based on third-party API response code } else { // Parse and handle the third-party API response const forwardedResult = JSON.parse(forwardedReq.response_details.body); res.json({ status: forwardedReq.response_details.status }); } } catch (err) { res.json({ error: err }); } }); app.listen(3000, () => { console.log('Running on port 3000'); });"sk_test_4eC39HqLyjWDarjtT1zdp7dc"
Antwort verarbeitenClientseitig![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Nachdem Sie die Anfrage gesendet haben, müssen Sie die Antwort bearbeiten.
const handleServerResponse = async (response) => { if (response.error) { // Show error on payment form } else if (response.status != 200) { // Show error based on response code } else { // Parse the response body to render your payment form } }