Реализация Upgrade/Downgrade тарифа для SaaS-приложения

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.
Разработка и обслуживание любых видов сайтов:
Информационные сайты или веб-приложения
Сайты визитки, landing page, корпоративные сайты, онлайн каталоги, квиз, промо-сайты, блоги, новостные ресурсы, информационные порталы, форумы, агрегаторы
Сайты или веб-приложения электронной коммерции
Интернет-магазины, B2B-порталы, маркетплейсы, онлайн-обменники, кэшбэк-сайты, биржи, дропшиппинг-платформы, парсеры товаров
Веб-приложения для управления бизнес-процессами
CRM-системы, ERP-системы, корпоративные порталы, системы управления производством, парсеры информации
Сайты или веб-приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, конструкторы сайтов, порталы предоставления электронных услуг, видеохостинги, тематические порталы

Это лишь некоторые из технических типов сайтов, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента

Предлагаемые услуги
Показано 1 из 1 услугВсе 2065 услуг
Реализация Upgrade/Downgrade тарифа для SaaS-приложения
Средняя
~3-5 рабочих дней
Часто задаваемые вопросы
Наши компетенции:
Этапы разработки
Последние работы
  • image_website-b2b-advance_0.png
    Разработка сайта компании B2B ADVANCE
    1214
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1161
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    852
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1041
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    823
  • image_bitrix-bitrix-24-1c_fixper_448_0.png
    Разработка веб-сайта для компании ФИКСПЕР
    815

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 рабочих дня.