TanStarter Docs

支付

学习如何在 TanStarter 中设置和使用支付

TanStarter 支持多种支付提供商,您可以根据需要选择合适的支付方案。

支付提供商

自定义支付提供商

TanStarter 支持扩展新的支付提供商:

  1. src/payment/provider 目录中创建新的文件
  2. types.ts 实现 PaymentProvider 接口
  3. index.ts 中的 providerRegistry 注册新的提供商

新的支付服务提供商的示例实现:

src/payment/provider/my-provider.ts
import type {
  PaymentProvider,
  CreateCheckoutParams,
  CheckoutResult,
  CreatePortalParams,
  PortalResult,
} from '../types';

export class MyProvider implements PaymentProvider {
  getProviderName(): string {
    return 'my-provider';
  }

  public async createCheckout(params: CreateCheckoutParams): Promise<CheckoutResult> {
    // Create checkout session implementation
  }

  public async createCustomerPortal(params: CreatePortalParams): Promise<PortalResult> {
    // Create customer portal implementation
  }

  public async handleWebhookEvent(payload: string, signature: string): Promise<void> {
    // Handle webhook events implementation
  }
}

然后在 index.ts 中的 providerRegistry 注册新的提供商:

src/payment/index.ts
import { MyProvider } from './provider/my-provider';

const providerRegistry: Record<PaymentProviderName, ProviderFactory> = {
  stripe: () => new StripeProvider(),
  creem: () => new CreemProvider(),
  waffo: () => new WaffoProvider(),
  'my-provider': () => new MyProvider(),
};

最后更新于

本页目录