Stripe Apps Integrationsleitfaden
Mit Stripe Apps können Sie benutzerdefinierte Funktionen direkt in das Stripe Dashboard einbetten und Händlern Zugang zur Tajo-Brevo-Integration geben, ohne ihren Zahlungsworkflow zu verlassen. Dieser Leitfaden deckt alles ab, was Sie zum Erstellen, Testen und Veröffentlichen einer Stripe App benötigen, die Stripe über Tajo mit Brevo verbindet.
Tip
Das Ziel ist die Veröffentlichung einer Brevo-Integration auf dem Stripe App Marketplace, die es Stripe-Händlern ermöglicht, Kundendaten, Bestellungen und Events direkt in Brevo für Marketing-Automatisierung und CRM zu synchronisieren.
Was sind Stripe Apps?
Stripe Apps erweitern das Stripe Dashboard um benutzerdefinierte UI-Komponenten und Backend-Integrationen. Sie ermöglichen Drittentwicklern:
- Benutzerdefinierte Ansichten zu Stripe Dashboard-Seiten hinzuzufügen (Kunden, Zahlungen, Rechnungen usw.)
- Auf Stripe-Daten über kontrollierte Berechtigungen zuzugreifen
- Daten zwischen Stripe und externen Plattformen wie Brevo zu synchronisieren
- Onboarding- und Konfigurationsflows innerhalb des Dashboards bereitzustellen
Tajo + Brevo Integrationsziele
Die Tajo Stripe App verbindet Stripe mit Brevo für:
- Kundenintelligenz: Synchronisierung von Stripe-Kundenprofilen, Zahlungshistorie und Lebenszeitwert mit Brevo-Kontakten
- Event-Tracking: Übertragung von Stripe-Events (Zahlungen, Abonnements, Rückerstattungen) als Brevo-Transaktionsevents
- Automatisierte Kampagnen: Auslösung von Brevo E-Mail-, SMS- und WhatsApp-Kampagnen basierend auf Stripe-Aktivität
- Treueprogramme: Aufbau von Kundenbindungs-Workflows mit Stripe-Kaufdaten, synchronisiert mit Brevo
Architekturübersicht
┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐│ Stripe Dashboard │────▶│ Tajo Platform │────▶│ Brevo ││ (Stripe App UI) │◀────│ (Middleware) │◀────│ (CRM/Email) │└─────────────────┘ └─────────────────┘ └─────────────────┘ │ │ │ Customer views Data sync & Contacts, Payment details Event routing Campaigns, App settings Webhook handling AutomationsLeitfaden-Inhalte
Diese Dokumentation deckt den kompletten Lebenszyklus der Erstellung und Veröffentlichung einer Stripe App ab:
Erste Schritte
| Leitfaden | Beschreibung |
|---|---|
| Auf dem Marketplace veröffentlichen | Anforderungen und Schritte zur Einreichung Ihrer App zur Überprüfung |
| App-Überprüfungsanforderungen | Qualitäts-, Sicherheits- und UX-Standards für die Genehmigung |
Konfiguration & Referenz
| Leitfaden | Beschreibung |
|---|---|
| App Manifest Referenz | Vollständiges Schema für die stripe-app.json Manifest-Datei |
| Berechtigungsreferenz | Vollständige Liste der Stripe API-Berechtigungen und deren Anforderung |
| Viewports Referenz | Dashboard-Positionen, an denen Ihre App-UI erscheinen kann |
Funktionen & Integration
| Leitfaden | Beschreibung |
|---|---|
| Eingebettete Stripe Apps | Verwendung von Connect Embedded Components für Plattform-Integrationen |
| Install Links & Deep Links | Installations-URLs und Deep Links zu bestimmten App-Ansichten generieren |
| Post-Install Aktionen | Onboarding-Flows nach der App-Installation konfigurieren |
Betrieb & Wachstum
| Leitfaden | Beschreibung |
|---|---|
| App Analytics | Installationen, Aufrufe und Conversion-Metriken verfolgen |
| Partner-Ökosystem | Stripes Partnerprogramm für Co-Marketing und Wachstum nutzen |
Voraussetzungen
Bevor Sie eine Stripe App erstellen, stellen Sie sicher, dass Sie haben:
- Stripe-Konto: Ein aktiviertes Stripe-Konto (nicht auf Testmodus beschränkt)
- Stripe CLI: Installieren Sie die Stripe CLI für lokale Entwicklung und App-Uploads
- Node.js: Version 16 oder neuer für die App UI Extension
- Tajo-Plattformzugang: Aktives Tajo-Konto mit konfigurierten Brevo API-Anmeldedaten
Schnellstart
# Install Stripe CLIbrew install stripe/stripe-cli/stripe
# Login to your Stripe accountstripe login
# Create a new Stripe App projectstripe apps create tajo-brevo-integration
# Start local developmentstripe apps startSchlüsselkonzepte
App Manifest
Jede Stripe App hat eine stripe-app.json Manifest-Datei, die Berechtigungen, Viewports und Konfiguration deklariert. Siehe die App Manifest Referenz für das vollständige Schema.
UI Extensions
Stripe Apps können React-basierte UI-Komponenten in bestimmten Dashboard-Viewports rendern. Das UI-Toolkit bietet vorgefertigte Komponenten, die dem Design-System des Stripe Dashboards entsprechen.
Berechtigungen
Apps müssen die spezifischen Stripe API-Ressourcen deklarieren, auf die sie zugreifen müssen. Benutzer genehmigen diese Berechtigungen während der Installation. Siehe die Berechtigungsreferenz.
Signing Secret
Jede App erhält ein Signing Secret zur Überprüfung von Installationssignaturen und zur Sicherung der Kommunikation zwischen Ihrem Backend und Stripe.
Entwicklungs-Workflow
- Definieren Sie Ihr Manifest mit erforderlichen Berechtigungen und Viewports
- Erstellen Sie die UI Extension mit Stripes React-Komponentenbibliothek
- Implementieren Sie Backend-Endpunkte für die Datensynchronisierung mit Brevo über Tajo
- Testen Sie lokal mit
stripe apps start - Hochladen mit
stripe apps upload - Einreichen zur Überprüfung über das Stripe Dashboard
- Veröffentlichen und über Analytics überwachen
Caution
Stripe verlangt, dass Apps für die Marketplace-Verteilung auf Englisch geschrieben sind. Ihre App-Liste, UI-Texte und Dokumentation müssen alle auf Englisch sein.
Nächste Schritte
Beginnen Sie mit dem Veröffentlichungsleitfaden, um die vollständigen Anforderungen zu verstehen, und arbeiten Sie dann die technischen Referenzen durch, um Ihr App-Manifest und die Berechtigungen zu konfigurieren.