Zaprosite za zgodnji dostop

Vnesite ime ter e-poštni naslov ali telefonsko številko. Poslali vam bomo podrobnosti o dostopu do platforme Tajo.

Na tej strani

Referenca viewportov

Viewporti so specifična mesta v Stripe Dashboardu, kjer se lahko prikaže UI vaše aplikacije. Vsak viewport ima kontekstualne podatke, ki so na voljo vaši komponenti.

Razpoložljivi viewporti

Pogledi strank

Viewport	Opis	Kontekstualni podatki
`stripe.dashboard.customer.detail`	Stran podrobnosti stranke	`customer` objekt
`stripe.dashboard.customer.detail.tab`	Zavihek na strani stranke	`customer` objekt

Pogledi plačil

Viewport	Opis	Kontekstualni podatki
`stripe.dashboard.payment.detail`	Stran podrobnosti plačila	`paymentIntent` objekt
`stripe.dashboard.invoice.detail`	Stran podrobnosti računa	`invoice` objekt

Pogledi naročnin

Viewport	Opis	Kontekstualni podatki
`stripe.dashboard.subscription.detail`	Stran podrobnosti naročnine	`subscription` objekt

Primer implementacije

Pogled podrobnosti stranke

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;

Registracija v manifestu

"ui_extension": {
  "views": [
    {
      "viewport": "stripe.dashboard.customer.detail",
      "component": "CustomerBrevoView"
    }
  ]
}

Naslednji koraki

Referenca App Manifest, Registrirajte viewporte
Vdelane Stripe Apps, Vdelava za platforme