Issuing-Kartenverwaltung in Ihre Website einbettenBeta
Nutzen Sie vorgefertigte Komponenten für die Nutzeroberfläche, um die Verwaltung von Issuing-Karten in Ihre Website einzubetten.
Beta
Eingebettete Komponenten für Issuing befinden sich noch in der privaten Betaphase. Senden Sie eine E-Mail an baas-embedded-components@stripe.com, um Zugriff anzufordern.
Gewähren Sie Ihren verbundenen Konten auf Ihrer Website Zugriff auf die Kartenverwaltungsfunktionen für Issuing, indem Sie eingebettete Connect-Komponenten nutzen. Mit den integrierten Connect-Komponenten können Sie auch komplexere Stripe-Produkte ganz einfach integrieren, da nur ein minimaler Coding- und Konfigurationsaufwand erforderlich ist.
Stripe bietet zwei verschiedene Komponenten zur Verwaltung von Issuing-Karten:
- Komponente der Issuing-Karte
- Komponente der Liste der Issuing-Karten
Sicherheitshinweis
Diese Komponenten sind für Administratoren verbundener Konten gedacht, die Zugriff auf sensible Daten von Kartendaten und Karteninhaberdaten des gesamten verbundenen Kontos haben. Diese Komponenten sollten unter keinen Umständen zum Anzeigen der Nutzeroberfläche für einzelne Karteninhaberinnen und Karteninhaber verwendet werden.
Quickstart![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Die eingebetteten Komponenten von Issuing Connect erfordern Zugriff auf Issuing und Connect.
Weitere Informationen zur Funktionsweise von eingebetteten Komponenten erhalten Sie im Leitfaden In Connect eingebettete Komponenten. Mit dem dazugehörigen Quickstart-Leitfaden für eingebettete Komponenten können Sie Ihre Umgebung schnell und einfach einrichten.
So betten Sie die Issuing-Kartenverwaltung in Ihre Website ein:
- Befolgen Sie die Schritte zum Erstellen eines verbundenen Kontos mit Issuing-Funktionen.
- Erstellen Sie Karteninhaber/innen und Karten für dieses verbundene Konto.
- Erstellen Sie eine AccountSession mit
issuing_
odercard: {enabled: true} issuing_
.cards_ list: {enabled: true} - Fügen Sie die Komponente
issuing-card
oderissuing-cards-list
zum DOM hinzu.
Komponente der Issuing-Karte![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Mit der Komponente „Issuing-Karte“ können Administratoren einzelne Kartendetails anzeigen. In dieser Ansicht können Karten aktiviert, deaktiviert (gesperrt) und storniert werden. Wenn Sie die Anzeige sensibler Daten implementieren, können sie auch Kartennummern (PANs) und CVVs bzw. Prüfziffern/CVCs für virtuelle Karten anzeigen.
Konfiguration der Issuing-Karte![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Diese eingebettete Komponente unterstützt den folgenden Parameter:
Komponente der Liste der Issuing-Karten![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Mit der Komponente „Liste der Issuing-Karten“ kann ein Administrator alle Karten für ein verbundenes Konto anzeigen. Die Karten können nach Karteninhaberin/Karteninhaber, Erstellungsdatum und Kartentyp gefiltert werden.
Wenn der Administrator auf eine Zeile in der Tabelle klickt, wird eine Ansicht der ausgewählten Karte angezeigt, in der die Karte aktiviert, deaktiviert (gesperrt) oder storniert werden kann. Wenn Sie die Anzeige sensibler Daten implementieren, können auch Kartennummern (PANs) und Prüfziffern/CVCs bzw. CVVs für virtuelle Karten angezeigt werden.
Konfiguration der Liste der Issuing-Karten![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Diese eingebettete Komponente unterstützt die folgenden Parameter:
Sensitive data display![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Issuing Connect embedded components integrate with Issuing Elements to provide a PCI-compliant way for you to allow your admins to view card numbers (PANs) and CVV or CVCs for virtual cards. The sensitive data renders inside Stripe-hosted iframes and never touches your servers.
The components can use an ephemeral key to securely retrieve card information from the Stripe API without publicly exposing your secret keys.
To enable this functionality you must:
- Set up an ephemeral key exchange on your server.
- Pass an asynchronous callback to the components.
Stripe generates a nonce
from the Card ID in the Issuing Card or Issuing Cards List component when a card is selected or loaded. Stripe then calls your callback function which returns an ephemeral key, and then renders a Show numbers
button if the ephemeral key is valid.
Ephemeral key exchange![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Your server-side endpoint needs to accept a Card ID and a nonce
. It can then create an ephemeral key using Stripe.
Here’s how you might implement an ephemeral key creation endpoint in web application frameworks across various languages:
Asynchronous callback![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
You must define an asynchronous function that accepts a named argument with property issuingCard
which is a Card ID and additionally, a nonce
property. This function must return an Object
with properties issuingCard
, nonce
, and ephemeralKeySecret
which are retrieved from the endpoint you set up in the previous step.
Here’s how you might implement this callback:
Zusätzliche Konfiguration![](https://b.stripecdn.com/docs-statics-srv/assets/fcc3a1c24df6fcffface6110ca4963de.svg)
Sie können Ihre eingebetteten Connect-Komponenten so anpassen und konfigurieren, dass zum Erscheinungsbild Ihrer Website passen. Sie können diese Konfiguration immer dann festlegen, wenn Sie die StripeConnectInstance
initialisieren. Weitere Informationen finden Sie unter Erscheinungsbild der in Connect eingebetteten Komponenten anpassen