LogoMkSaaS文档

积分套餐

配置积分套餐

扩展在 website.tsx 中定义的积分套餐,添加翻译内容。

src/config/credits-config.tsx
// 返回带有翻译内容的积分套餐
export function getCreditPackages(): Record<string, CreditPackage> {
  const t = useTranslations('CreditPackages');
  const creditsConfig = websiteConfig.credits;
  const packages: Record<string, CreditPackage> = {};

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

packages 对象中的每个积分套餐可以具有以下属性:

属性类型描述
idstring套餐的唯一标识符
namestring?套餐的显示名称
descriptionstring?套餐的描述
popularboolean是否推荐此套餐
creditsnumber套餐包含的积分数量
priceobject价格信息,包括 priceId、金额、货币、allowPromotionCode
expireDaysnumber?积分的有效期(天数),可选,undefined 表示不过期
disabledboolean?是否在 UI 中禁用此套餐,可选

问:website.tsx 中的积分套餐credits-config.tsx 中的积分套餐有什么区别?

答:website.tsx 文件定义了积分套餐的基本信息,不包括特定于语言环境的信息,而 credits-config.tsx 文件通过添加翻译内容来显示这些积分套餐。拆开来的原因是后者只能在客户端组件中使用。

Credits

下一步

现在您了解了积分套餐配置,请探索其他相关主题:

目录