Weiter zum Inhalt
Konto erstellen
oder
anmelden
Das Logo der Stripe-Dokumentation
/
KI fragen
Konto erstellen
Anmelden
Jetzt starten
Zahlungen
Umsatz
Plattformen und Marktplätze
Geldmanagement
Entwicklerressourcen
Übersicht
Mit Connect loslegen
Integrationsgrundlagen
Musterintegrationen
Kontoverwaltung
Onboarding von Konten
Konto-Dashboards konfigurieren
    Mit den in Connect eingebetteten Komponenten loslegen
    In Connect eingebettete Komponenten anpassen
    Unterstützte in Connect eingebettete Komponenten
      Onboarding und Compliance
      Kontoverwaltung
      Onboarding von Konten
      Benachrichtigungsbanner
      Zahlungsmanagement
      Zahlungen
      Zahlungsdetails
      Anfechtungen einer Zahlung
      Liste der angefochtenen Zahlungen
      Zahlungsmethodeneinstellungen
      Auszahlungsmanagement
      Auszahlungen
      Auszahlungsliste
      Salden
      Capital
      Capital-Komponenten
      Steuer
      Steuerregistrierungen
      Steuereinstellungen
      Steuertransaktionen exportieren
      Treasury und Issuing
      Finanzkonto
      Finanzkontotransaktionen
      Karte in Issuing
      Liste der Karten in Issuing
      Berichte
      Dokumente
      Berichterstattungsdiagramm
      Apps
      App-Installation
      App-Darstellungsfeld
    Anpassung des Stripe-Dashboards
    Plattform-Steuerungen für Stripe-Dashboard-Konten
    Express-Dashboard
Mit verbundenen Kontotypen zusammenarbeiten
Zahlungsabwicklung
Zahlungen weltweit akzeptieren
Verbundene Konten auszahlen
Plattformverwaltung
Ihre Connect-Plattform verwalten
Steuerformulare für Ihre Connect-Plattform
StartseitePlattformen und MarktplätzeConfigure account DashboardsSupported Connect embedded components

App-DarstellungsfeldPrivate Vorschau

Eine Ansicht aus einer installierten App anzeigen.

„App-Darstellungsfeld“ wird eine Ansicht aus einer installierten App dargestellt. Das App-Darstellungsfeld ist eine private Vorschaukomponente, die die Verwendung von Vorschauversionen von Stripe-SDKs erfordert. Erfahren Sie mehr über Komponenten privater Vorschauen.

Vollständige Details zur Integration finden Sie im Integrationsleitfaden für eingebettete Stripe-Apps.

Kontositzung erstellen

Aktivieren Sie beim Erstellen einer Kontositzung die Installationskomponente der App, indem Sie app_viewport im Parameter components angeben. Sie müssen die App, die Sie anzeigen möchten, aktivieren, indem Sie den Parameter features unter allowed_apps angeben.

Command Line
cURL
Ruby
Python
PHP
Java
Node
Go
.NET
No results
curl https://api.stripe.com/v1/account_sessions \ -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:"
\ -H "Stripe-Version: 2025-06-30.basil; embedded_connect_beta=v2;" \ -d account=
{{CONNECTED_ACCOUNT_ID}}
\ -d "components[app_viewport][enabled]"=true \ -d "components[app_viewport][features][allowed_apps][]"=APP_ID

Nachdem Sie die Kontositzung erstellt und ConnectJS initiiert haben, können Sie die Darstellungsfeld-Komponente der App im Frontend anzeigen. Die Ansicht wird nicht angezeigt, wenn die App nicht installiert wurde:

app-viewport.js
JavaScript
React
No results
const appViewport = stripeConnectInstance.create('app-viewport'); appViewport.setApp('{{APP_ID}}'); appViewport.setAppData({userId: '{{PLATFORM_USER_ID}}'}); container.appendChild(appViewport);

Diese eingebettete Komponente unterstützt die folgenden Parameter:

MethodeTypBeschreibung
setAppstringLegt die ID der App fest, die Ihr verbundenes Konto darstellen kann. Verfügbare Apps finden Sie im Integrationsleitfaden für eingebettete Stripe-Apps.
setAppDataRecord<String, String>Legt Daten fest, die sich auf Ihre Plattform beziehen und von der App genutzt werden.

Sie können unsere Beispiel-App integrieren (APP_ID auf stripe.app-explorer setzen), die wir im Voraus für die Einbettung in Ihre Plattform genehmigt haben.

Erfahren Sie mehr über die App-Installation.

Frühzeitigen Zugriff anfordern Private Vorschau

Melden Sie sich an, um Zugriff auf diese eingebettete Connect-Komponente in der Vorschau anzufordern.

Wenn Sie kein Stripe-Konto haben, können Sie sich jetzt registrieren.

War diese Seite hilfreich?
JaNein
  • Benötigen Sie Hilfe? Kontaktieren Sie den Kundensupport.
  • Nehmen Sie an unserem Programm für frühzeitigen Zugriff teil.
  • Schauen Sie sich unser Änderungsprotokoll an.
  • Fragen? Sales-Team kontaktieren.
  • LLM? Lesen Sie llms.txt.
  • Unterstützt von Markdoc