SaaS: апгрейд и даунгрейд тарифного плана
Смена плана — одна из самых трicky операций в SaaS биллинге. Stripe обрабатывает пропорциональные расчёты, но бизнес-логика (что происходит с данными при даунгрейде) — на стороне разработчика.
Апгрейд: немедленное обновление
// При апгрейде: применяем сразу, пересчитываем пропорционально
export async function upgradeSubscription(
tenantId: string,
newPriceId: string
): Promise<void> {
const subscription = await db.subscription.findUniqueOrThrow({
where: { tenantId }
});
// Stripe автоматически пересчитывает сумму
// Пример: 20 дней осталось из 30, апгрейд с $29 на $99
// Charge = (99 - 29) * 20/30 = $46.67 немедленно
const updatedSub = await stripe.subscriptions.update(
subscription.stripeSubscriptionId!,
{
items: [{
id: (await stripe.subscriptions.retrieve(
subscription.stripeSubscriptionId!
)).items.data[0].id,
price: newPriceId,
}],
proration_behavior: 'create_prorations', // немедленное выставление счёта
payment_behavior: 'error_if_incomplete',
}
);
// Получаем preview суммы до обновления (для UI)
const previewInvoice = await stripe.invoices.retrieveUpcoming({
customer: subscription.stripeCustomerId,
subscription: subscription.stripeSubscriptionId!,
subscription_items: [{
id: updatedSub.items.data[0].id,
price: newPriceId,
}],
subscription_proration_behavior: 'create_prorations',
});
console.log('Charge now:', previewInvoice.amount_due / 100);
}
Preview суммы для UI
// app/api/billing/preview-upgrade/route.ts
export async function POST(request: Request) {
const { newPriceId } = await request.json();
const tenant = await getCurrentTenant();
const subscription = await db.subscription.findUnique({
where: { tenantId: tenant!.id }
});
const preview = await stripe.invoices.retrieveUpcoming({
customer: subscription!.stripeCustomerId,
subscription: subscription!.stripeSubscriptionId!,
subscription_items: [{
id: (await stripe.subscriptions.retrieve(
subscription!.stripeSubscriptionId!
)).items.data[0].id,
price: newPriceId,
}],
});
return Response.json({
amountDue: preview.amount_due / 100,
currency: preview.currency,
periodEnd: new Date(preview.period_end * 1000),
});
}
Даунгрейд: в конце периода
// Даунгрейд — лучше применять в конце расчётного периода
// Пользователь сохраняет текущие возможности до конца периода
export async function scheduleDowngrade(
tenantId: string,
newPriceId: string
): Promise<void> {
const subscription = await db.subscription.findUniqueOrThrow({
where: { tenantId }
});
// Проверяем: можно ли даунгрейднуть (данные не превышают лимиты нового плана)
await validateDowngrade(tenantId, newPriceId);
const stripeSubscription = await stripe.subscriptions.retrieve(
subscription.stripeSubscriptionId!
);
// Обновляем план в конце периода — без немедленного списания
await stripe.subscriptions.update(subscription.stripeSubscriptionId!, {
items: [{
id: stripeSubscription.items.data[0].id,
price: newPriceId,
}],
proration_behavior: 'none', // без пересчёта
billing_cycle_anchor: 'unchanged',
});
// Сохраняем запланированный план
await db.subscription.update({
where: { tenantId },
data: {
pendingPriceId: newPriceId,
pendingPlanChange: getPlanFromPrice(newPriceId),
}
});
// Уведомляем пользователя
await sendPlanChangeScheduledEmail(tenantId, {
currentPlan: subscription.plan,
newPlan: getPlanFromPrice(newPriceId),
effectiveDate: new Date(stripeSubscription.current_period_end * 1000),
});
}
Валидация даунгрейда
// Проверяем: не нарушит ли даунгрейд текущие данные
export async function validateDowngrade(
tenantId: string,
newPriceId: string
): Promise<void> {
const newPlan = getPlanFromPrice(newPriceId);
const limits = PLAN_LIMITS[newPlan];
const [projectCount, memberCount, storageGb] = await Promise.all([
db.project.count({ where: { tenantId } }),
db.tenantUser.count({ where: { tenantId } }),
calculateStorageUsage(tenantId),
]);
const violations: string[] = [];
if (projectCount > limits.projects) {
violations.push(
`У вас ${projectCount} проектов. Лимит ${newPlan}: ${limits.projects}. ` +
`Удалите ${projectCount - limits.projects} проектов.`
);
}
if (memberCount > limits.members) {
violations.push(
`У вас ${memberCount} участников. Лимит ${newPlan}: ${limits.members}.`
);
}
if (storageGb > limits.storageGb) {
violations.push(
`Использовано ${storageGb.toFixed(1)} GB. Лимит ${newPlan}: ${limits.storageGb} GB.`
);
}
if (violations.length > 0) {
throw new PlanDowngradeError(violations);
}
}
UI: страница смены плана
// components/PlanChangeModal.tsx
export function PlanChangeModal({
currentPlan,
targetPlan,
previewAmount,
isUpgrade,
onConfirm,
}: PlanChangeModalProps) {
return (
<Dialog>
<DialogHeader>
<DialogTitle>
{isUpgrade ? 'Апгрейд' : 'Смена'} плана: {currentPlan} → {targetPlan}
</DialogTitle>
</DialogHeader>
{isUpgrade ? (
<div>
<p>С вашей карты будет списано <strong>${previewAmount}</strong> прямо сейчас.</p>
<p>Это пропорциональная оплата за оставшийся период.</p>
</div>
) : (
<div>
<p>Текущий план активен до конца расчётного периода.</p>
<p>После этого переключитесь на <strong>{targetPlan}</strong>.</p>
{targetPlan === 'FREE' && (
<Alert>Проверьте лимиты: {targetPlan} план поддерживает до 3 проектов.</Alert>
)}
</div>
)}
<DialogFooter>
<Button variant="outline" onClick={onClose}>Отмена</Button>
<Button onClick={onConfirm}>
{isUpgrade ? 'Апгрейднуть и оплатить' : 'Подтвердить смену плана'}
</Button>
</DialogFooter>
</Dialog>
);
}
Реализация апгрейда/даунгрейда со Stripe proreration, валидацией и UI — 2–3 рабочих дня.







