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
Entwickler-Tools
Übersicht
Mit Connect loslegen
Integrationsgrundlagen
Musterintegrationen
Onboarding von Konten
Konto-Dashboards konfigurieren
    Mit den in Connect eingebetteten Komponenten loslegen
    In Connect eingebettete Komponenten anpassen
    Unterstützte in Connect eingebettete Komponenten
      Verfügbare Komponenten
      Kontoverwaltung
      Onboarding von Konten
      Salden
      Anfechtungen einer Zahlung
      Liste der angefochtenen Zahlungen
      Dokumente
      Finanzkonto
      Finanzkontotransaktionen
      Karte in Issuing
      Liste der Karten in Issuing
      Benachrichtigungsbanner
      Zahlungsdetails
      Zahlungen
      Auszahlungen
      Auszahlungsliste
      Steuerregistrierungen
      Steuereinstellungen
      Komponenten der Vorschau
      App-Installation
      App-Darstellungsfeld
      Capital-Finanzierung
      Finanzierungsantrag für Capital
      Finanzierungswerbung für Capital
      Steuertransaktionen exportieren
      Zahlungsmethodeneinstellungen
      Berichterstattungsdiagramm
    Anpassung des Stripe-Dashboards
    Plattform-Steuerungen für Stripe-Dashboard-Konten
    Express-Dashboard
Zahlungen weltweit akzeptieren
Verbundene Konten auszahlen
Ihre Connect-Plattform verwalten
Steuerformulare für Ihre Connect-Plattform
Mit verbundenen Kontotypen zusammenarbeiten
StartseitePlattformen und MarktplätzeConfigure account DashboardsSupported Connect embedded components

App-DarstellungsfeldPrivate Vorschau

Eine Ansicht aus einer installierten App anzeigen.

Seite kopieren

„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
curl https://api.stripe.com/v1/account_sessions \ -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:"
\ -H "Stripe-Version: 2025-05-28.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
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