Viewport referencia
A viewport-ok meghatározzák, hogy a Stripe App UI komponensei hol jelennek meg a Stripe vezérlőpulton. Minden viewport egy konkrét vezérlőpult oldalnak vagy helynek felel meg, ahol az app megjeleníthet egy nézetet.
Hogyan működnek a viewport-ok
A manifesztben nézetet meghatározva egy React komponenst képez le egy viewport-ra:
{ "ui_extension": { "views": [ { "viewport": "stripe.dashboard.customer.detail", "component": "CustomerDetailView" } ] }}A komponens az app fiókban (oldalsó panel) renderel, amikor egy felhasználó navigál a megfelelő vezérlőpult oldalra és megnyitja az appot.
Vezérlőpult-szintű viewport-ok
Ezek a viewport-ok a Stripe vezérlőpult minden oldalán elérhetők:
| Viewport ID | Leírás |
|---|---|
stripe.dashboard.drawer.default | Alapértelmezett fiók nézet, az app ikonon keresztül bármely oldalon elérhető |
stripe.dashboard.home.overview | Kezdőlap áttekintés, a vezérlőpult kezdőlapján jelenik meg |
stripe.dashboard.settings | App beállítások oldal, az app beállítások menüjéből elérhető |
stripe.dashboard.onboarding | Bevezetési folyamat, app telepítés után jelenik meg |
Ajánlott viewport-ok a Tajo Brevo integrációhoz
{ "ui_extension": { "views": [ { "viewport": "stripe.dashboard.customer.detail", "component": "CustomerDetailView" }, { "viewport": "stripe.dashboard.customer.list", "component": "CustomerListView" }, { "viewport": "stripe.dashboard.payment.detail", "component": "PaymentDetailView" }, { "viewport": "stripe.dashboard.subscription.detail", "component": "SubscriptionDetailView" }, { "viewport": "stripe.dashboard.home.overview", "component": "OverviewView" }, { "viewport": "stripe.dashboard.drawer.default", "component": "DrawerView" }, { "viewport": "stripe.dashboard.settings", "component": "SettingsView" }, { "viewport": "stripe.dashboard.onboarding", "component": "OnboardingView" } ] }}| Komponens | Cél |
|---|---|
| CustomerDetailView | Brevo kapcsolati adatok, szinkronizálási státusz és interakciós adatok megjelenítése konkrét ügyfelekhez |
| CustomerListView | Tömeges szinkronizálási vezérlők és összesített Brevo szinkronizálási statisztikák |
| PaymentDetailView | Megmutatja, mely Brevo események lettek kiváltva ezzel a fizetéssel |
| SubscriptionDetailView | Brevo automatizálási státusz megjelenítése ennél az előfzetésnél |
| OverviewView | Vezérlőpult kezdőlap widget szinkronizálási állapottal és Brevo mérőszámokkal |
| DrawerView | Általános app fiók gyors műveletekkel és státusz áttekintéssel |
| SettingsView | Brevo API kulcs, szinkronizálási preferenciák és mező leképezések konfigurálása |
| OnboardingView | Új felhasználók végigvezetése a Brevo fiók csatlakoztatásán |