Viewport Referansı
Viewport Referansı
Viewport’lar, uygulama UI’ınızın görüntülenebileceği Stripe Dashboard’daki belirli konumlardır.
Mevcut Viewport’lar
Müşteri Görünümleri
| Viewport | Açıklama | Bağlamsal Veriler |
|---|---|---|
stripe.dashboard.customer.detail | Müşteri ayrıntı sayfası | customer nesnesi |
stripe.dashboard.customer.detail.tab | Müşteri sayfasındaki sekme | customer nesnesi |
Ödeme Görünümleri
| Viewport | Açıklama | Bağlamsal Veriler |
|---|---|---|
stripe.dashboard.payment.detail | Ödeme ayrıntı sayfası | paymentIntent nesnesi |
stripe.dashboard.invoice.detail | Fatura ayrıntı sayfası | invoice nesnesi |
Uygulama Örneği
import { useExtensionContext } from "@stripe/ui-extension-sdk/context";import { Box, Heading, Button } from "@stripe/ui-extension-sdk/ui";
const CustomerBrevoView = () => { const { environment } = useExtensionContext(); const customer = environment.objectContext;
return ( <Box> <Heading>Brevo Sync Status</Heading> <Box>Customer ID: {customer.id}</Box> <Button onPress={() => syncToBrevo(customer.id)}> Sync to Brevo </Button> </Box> );};
export default CustomerBrevoView;Sonraki Adımlar
- App Manifest Referansı, Viewport’ları kaydedin
- Gömülü Stripe Apps, Platformlar için gömme