@kordiva/react — React и Next.js наплата

Објавено издание: SDK 0.1.3 е јавно достапен на npm. Инсталацијата не активира серверски функции.

@kordiva/react

Јавен npm пакет · Детален React / Next.js водич

React 18.2+/19 копче за Kordiva наплата, вклучително и Next.js клиентски компоненти. Го повикува вашиот backend и преку @kordiva/checkout го проверува checkout URL. Не користи таен Store API клуч во прелистувачот.

pnpm add @kordiva/react@0.1.3 @kordiva/checkout@0.1.3

"use client";
import { CheckoutButton } from "@kordiva/react";

export function BuyButton() {
  return (
    <CheckoutButton
      allowedOrigins={["https://store.kordiva.com"]}
      onCheckout={async () => {
        const response = await fetch("/api/checkout", {
          method: "POST",
          credentials: "same-origin",
        });
        if (!response.ok) throw new Error("Checkout unavailable");
        return response.json() as Promise<{ url: string }>;
      }}
      onError={(error) => { /* Прикажете безбедна порака */ }}
    >
      Купи
    </CheckoutButton>
  );
}

/api/checkout е ваша заштитена серверска адреса со корисничка автентикација, сопственост на кошничката, CSRF/rate limits, серверски API клуч, стабилен idempotency обид и трајно зачувана сесија. Примерот не ја создава оваа адреса и не потврдува плаќање. За локален TEST се користи checkoutOptions={{ environment: "TEST", allowLocalTest: true }} со точен localhost origin.

Успешно плаќање: не заклучувајте од redirect. Kordiva ги обработува Stripe известувањата, а вашиот backend во LIVE проверува payments.confirm() од @kordiva/sdk.

Прочитајте детален React/Next.js пример, серверски SDK, checkout помошна функција и payment status.

Business integration

Recurring checkout and subscription reads → Signed Business events → Raw-body verification → Business refunds → API reference. Individual MoR follows its separate refund process.