积分 | MkSaaS - 快速构建 AI SaaS 产品

MkSaaS 提供了一个灵活、模块化的积分系统，用于奖励用户、启用按使用付费功能，并支持各种商业模式。本文档解释了如何在 MkSaaS 中启用、配置和使用积分系统。

设置

开始使用积分系统：

在配置中启用积分
- 打开 src/config/website.tsx 并找到 credits 部分。
- 设置 enableCredits: true 以启用积分系统。
- 设置 enableForFreePlan: true 以允许免费用户购买积分，默认只有付费订阅用户可以购买积分套餐。
- 设置 registerGiftCredits 以配置注册时是否赠送积分、赠送的积分数量和过期时间。

src/config/website.tsx

export const websiteConfig = {
  // ...其他配置
  credits: {
    enableCredits: true, // 启用积分系统
    enableForFreePlan: true, // 允许免费用户购买积分
    registerGiftCredits: {
      enable: true, // 注册时赠送积分
      credits: 10, // 赠送的积分数量
      expireDays: 30, // 可选：积分过期天数
    },
    packages: {
      basic: {
        id: 'basic',
        credits: 100,
        price: {
          priceId: process.env.NEXT_PUBLIC_STRIPE_PRICE_CREDITS_BASIC!,
          amount: 990,
          currency: 'USD',
        },
        popular: false,
      },
      // ...其他套餐
    },
  },
  // ...其他配置
}

配置产品价格计划中的积分

在 src/config/website.tsx 中找到 price.plans 部分。
设置 credits 字段为 true 以启用这个价格计划中的积分。
设置 amount 字段为 100 以设置这个价格计划中的积分数量。

src/config/website.tsx

export const websiteConfig = {
  // ...其他配置
  price: {
    plans: {
      free: {
        id: 'free',
        // ...其他配置
        isFree: true,
        isLifetime: false,
        credits: {
          enable: true,
          amount: 50,
          expireDays: 30,
        },
      },
      // ...其他价格计划
    },
  },
  // ...其他配置
}

配置积分套餐
- 在 credits.packages 下定义积分套餐，默认有 4 个积分套餐。
- 每个套餐包括 id、积分数量、价格（Stripe priceId，见下面的 设置 Stripe 价格 ID）和可选字段如 popular、expireDays。
- 货币单位为美元，目前仅支持美元。

src/config/website.tsx

packages: {
  basic: {
    id: 'basic',
    credits: 100,
    price: {
      priceId: process.env.NEXT_PUBLIC_STRIPE_PRICE_CREDITS_BASIC!,
      amount: 990,
      currency: 'USD',
    },
    popular: false,
    expireDays: 30,
  },
  // ...
}

设置 Stripe价格 ID
- Stripe 价格 ID 用于将积分套餐链接到 Stripe 产品和价格。
- 在 Stripe Dashboard 中创建一个新产品，并为每个积分套餐设置价格。
- 将每个积分套餐的 Stripe 价格 ID 添加到 .env 文件中：

.env

NEXT_PUBLIC_STRIPE_PRICE_CREDITS_BASIC=price_...
NEXT_PUBLIC_STRIPE_PRICE_CREDITS_STANDARD=price_...
NEXT_PUBLIC_STRIPE_PRICE_CREDITS_PREMIUM=price_...
NEXT_PUBLIC_STRIPE_PRICE_CREDITS_ENTERPRISE=price_...

Credits

为积分套餐设置翻译
- 在 src/config/credits-config.tsx 中定义积分套餐名称和描述。
- 对应的是不同语言的翻译文件，例如 src/messages/en.json、src/messages/zh.json 等。

src/config/credits-config.tsx

export function getCreditPackages(): Record<string, CreditPackage> {
  const t = useTranslations('CreditPackages');
  const creditConfig = websiteConfig.credits;
  const packages: Record<string, CreditPackage> = {};

  // 为每个计划添加翻译内容
  if (creditConfig.packages.basic) {
    packages.basic = {
      ...creditConfig.packages.basic,
      name: t('basic.name'),
      description: t('basic.description'),
    };
  }

  // 在这里添加其他套餐...
  return packages;
}