快速入门：接受付款

最终，您将在 React 应用中获得一个支付按钮，该按钮可连接钱包、让付款方选择代币，并确认向您地址的真实付款。您需要 Node.js 20+、一个 React 或 Next.js 应用（全新的 create-next-app 即可），以及一个用于付款的钱包。

Commerce Kit 目前处于测试阶段。API 在稳定版本发布前可能会有所变动。

1. 安装 Commerce Kit

pnpm add @solana-commerce/kit

2. 添加按钮

将 PaymentButton 组件放置在应用中的任意位置，并将商户钱包设置为您控制的地址：

import { PaymentButton } from "@solana-commerce/kit";

function Checkout() {
  return (
    <PaymentButton
      config={{
        merchant: { name: "My Store", wallet: "your-wallet-address" },
        mode: "tip"
      }}
      onPaymentSuccess={(signature) => {
        console.log("Payment confirmed:", signature);
      }}
    />
  );
}