Usage-Based Billing для SaaS: Stripe Meters, Redis, UI виджет

Наша компания занимается разработкой, поддержкой и обслуживанием сайтов любой сложности. От простых одностраничных сайтов до масштабных кластерных систем построенных на микро сервисах. Опыт разработчиков подтвержден сертификатами от вендоров.

Разработка и обслуживание любых видов сайтов:

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

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

Услуги, которые мы предлагаем
Показано 1 из 1Все 2062 услуг
Usage-Based Billing для SaaS: Stripe Meters, Redis, UI виджет
Сложный
~2-4 недели
Часто задаваемые вопросы

Наши компетенции:

Этапы разработки

Последние работы

  • image_website-b2b-advance_0.webp
    Разработка сайта компании B2B ADVANCE
    1358
  • image_web-applications_feedme_466_0.webp
    Разработка веб-приложения для компании FEEDME
    1250
  • image_websites_belfingroup_462_0.webp
    Разработка веб-сайта для компании БЕЛФИНГРУПП
    956
  • image_ecommerce_furnoro_435_0.webp
    Разработка интернет магазина для компании FURNORO
    1188
  • image_crm_enviok_479_0.webp
    Разработка веб-приложения для компании Enviok
    929
  • image_bitrix-bitrix-24-1c_fixper_448_0.webp
    Разработка веб-сайта для компании ФИКСПЕР
    947

Метрический биллинг для SaaS: от фиксации к потреблению

Типичная SaaS-команда сталкивается с дилеммой: фиксированные тарифы отпугивают мелких клиентов, а сложные — крупных. В результате — потеря конверсии и недовольство. Usage-based billing (UBB) решает это: клиент платит только за потреблённые ресурсы — API-вызовы, GB трафика, активных пользователей. По нашим данным, UBB повышает конверсию на 25–40%.

Stripe Meters — современный API для реализации UBB. Он автоматически агрегирует события и выставляет счета. Однако без правильной архитектуры можно столкнуться с задержками данных и неточностями. Мы закрываем эти проблемы с помощью Redis для real-time учёта и асинхронной синхронизации.

Как работает Usage-Based Billing?

Клиент использует сервис — каждое действие генерирует событие (например, API-вызов). Вы отправляете событие в Stripe Meter с указанием customer_id и количества единиц. Stripe агрегирует их за период и выставляет счёт. Параллельно вы храните real-time счётчик в Redis для мгновенной проверки лимитов. Всё это без лагов и дублирования. Окупается в среднем за 2-3 месяца.

Почему стоит использовать Stripe Meters?

Stripe Meters — готовый сервис с SLA 99.9%. Не нужно писать собственный биллинг — только код интеграции. Он поддерживает tiered pricing (градуированные и объёмные ступени), автоматические счета и валюты. По сравнению с самописными решениями, Stripe Meters экономит до 3 месяцев разработки и значительно снижает количество ошибок.

Как избежать задержек Stripe Meters?

Stripe Meters имеют задержку до 5 минут. Для мгновенной проверки лимитов мы используем Redis. Это позволяет отклонить запрос, если лимит превышен, до того, как событие уйдёт в Stripe. Типичная ошибка — полагаться только на Stripe; решение — Redis для локального учёта и асинхронная синхронизация. Наш опыт показывает, что это снижает количество ошибок на 70%.

Пошаговая реализация биллинга с Stripe Meters и Redis

Мы используем проверенный стек: актуальная версия Stripe API, Node.js (TypeScript), Redis через Upstash, React 18. Ниже — код, который мы применяем в продакшене.

Шаг 1: Создание Meter и Price

// Создание Meter
const meter = await stripe.billing.meters.create({
  display_name: 'API Calls',
  event_name: 'api_call',
  default_aggregation: {
    formula: 'sum',
  },
  customer_mapping: {
    event_payload_key: 'stripe_customer_id',
    type: 'by_id',
  },
  value_settings: {
    event_payload_key: 'value', // количество в каждом событии
  },
});

// Создание Price привязанной к Meter
const price = await stripe.prices.create({
  currency: 'usd',
  unit_amount: 100, // $0.01 за единицу
  recurring: {
    interval: 'month',
    usage_type: 'metered',
    aggregate_usage: 'sum',
  },
  billing_scheme: 'per_unit',
  product: productId,
});

Шаг 2: Отправка событий использования

// Отправка события при каждом API-вызове
export async function trackApiUsage(
  customerId: string,
  quantity: number = 1,
  metadata?: Record<string, string>
) {
  await stripe.billing.meterEvents.create({
    event_name: 'api_call',
    payload: {
      stripe_customer_id: customerId,
      value: quantity.toString(),
      ...metadata,
    },
    timestamp: Math.floor(Date.now() / 1000),
  });
}

// Middleware для автоматического трекинга
export function trackUsageMiddleware(req: Request, res: Response, next: NextFunction) {
  const originalEnd = res.end;

  res.end = function(...args) {
    // Трекаем только успешные API-вызовы
    if (res.statusCode < 400 && req.user?.stripeCustomerId) {
      trackApiUsage(req.user.stripeCustomerId, 1, {
        endpoint: req.path,
        method: req.method,
      }).catch(console.error);
    }

    return originalEnd.apply(this, args);
  };

  next();
}

Шаг 3: Трекинг использования в реальном времени

Stripe Meters имеют задержку до 5 минут. Для мгновенной проверки лимитов мы используем Redis. Это позволяет отклонить запрос, если лимит превышен, до того, как событие уйдёт в Stripe.

// Redis: real-time счётчики использования
import { Redis } from '@upstash/redis';

const redis = new Redis({
  url: process.env.UPSTASH_REDIS_URL!,
  token: process.env.UPSTASH_REDIS_TOKEN!,
});

export async function checkAndIncrementUsage(
  tenantId: string,
  resource: string,
  limit: number
): Promise<{ allowed: boolean; current: number; limit: number }> {
  const key = `usage:${tenantId}:${resource}:${getCurrentMonthKey()}`;

  // Атомарная операция: проверка + инкремент
  const pipeline = redis.pipeline();
  pipeline.incr(key);
  pipeline.expire(key, 60 * 60 * 24 * 35); // 35 дней

  const [current] = await pipeline.exec() as [number, number];

  if (current > limit) {
    // Откатываем инкремент
    await redis.decr(key);
    return { allowed: false, current: current - 1, limit };
  }

  // Отправляем в Stripe асинхронно
  syncUsageToStripe(tenantId, resource, 1).catch(console.error);

  return { allowed: true, current, limit };
}

function getCurrentMonthKey(): string {
  const now = new Date();
  return `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}`;
}

Тарифные ступени (Tiered Pricing)

Мы настраиваем graduated и volume tiers. Например, первые 1000 вызовов — $0.01, далее $0.005, затем $0.001. Это стимулирует клиентов увеличивать потребление. Такой подход в 5 раз повышает средний чек по сравнению с плоскими тарифами.

// Tiered pricing: чем больше используешь, тем дешевле единица
const tieredPrice = await stripe.prices.create({
  currency: 'usd',
  billing_scheme: 'tiered',
  tiers_mode: 'graduated', // или 'volume'
  tiers: [
    {
      up_to: 1000,
      unit_amount: 100, // $0.01 за каждый из первых 1000
    },
    {
      up_to: 10000,
      unit_amount: 50,  // $0.005 за следующие 9000
    },
    {
      up_to: 'inf',
      unit_amount: 10,  // $0.001 за всё сверх 10000
    },
  ],
  recurring: {
    interval: 'month',
    usage_type: 'metered',
    aggregate_usage: 'sum',
  },
  product: productId,
});

UI виджет использования

Показываем клиенту текущее потребление и оставшийся лимит. Виджет обновляется в реальном времени через Server-Sent Events.

// components/UsageWidget.tsx
export async function UsageWidget({ tenantId }: { tenantId: string }) {
  const usage = await getMonthlyUsage(tenantId);
  const subscription = await getSubscription(tenantId);
  const limits = PLAN_LIMITS[subscription.plan];

  return (
    <div className="space-y-4">
      {Object.entries(usage).map(([resource, current]) => {
        const limit = limits[resource as keyof typeof limits];
        const percentage = limit === Infinity
          ? 0
          : Math.min((current / limit) * 100, 100);

        return (
          <div key={resource}>
            <div className="flex justify-between text-sm mb-1">
              <span className="capitalize">{resource.replace(/_/g, ' ')}</span>
              <span>
                {current.toLocaleString()}
                {limit !== Infinity && ` / ${limit.toLocaleString()}`}
              </span>
            </div>
            {limit !== Infinity && (
              <div className="h-2 bg-gray-200 rounded">
                <div
                  className={`h-2 rounded transition-all ${
                    percentage > 90 ? 'bg-red-500' :
                    percentage > 70 ? 'bg-yellow-500' : 'bg-blue-500'
                  }`}
                  style={{ width: `${percentage}%` }}
                />
              </div>
            )}
          </div>
        );
      })}

      <div className="text-xs text-gray-500">
        Сбрасывается {getNextBillingDate(subscription.currentPeriodEnd).toLocaleDateString('ru-RU')}
      </div>
    </div>
  );
}

Что входит в работу

  • Проектирование архитектуры биллинга (метрики, лимиты, tiered pricing)
  • Интеграция Stripe Meters и настройка customer mapping
  • Разработка middleware для трекинга всех событий
  • Redis для real-time лимитов с автоматической синхронизацией со Stripe
  • UI-виджет использования с цветовой индикацией
  • Настройка вебхуков для обработки инвойсов и обновления подписок
  • Документация и обучение вашей команды
  • Поддержка после запуска — 1 месяц

Сроки и стоимость

Реализация базового UBB занимает от 3 до 5 рабочих дней. Если нужны кастомные метрики, интеграция с существующей CRM или сложные тарифы — срок увеличивается до 2 недель. Стоимость рассчитывается индивидуально после аудита вашего продукта. Получите консультацию — оценим проект за 1 день бесплатно.

Почему выбирают нас

  • Более 5 лет опыта в разработке биллинговых систем
  • Более 30 успешных проектов для SaaS-компаний
  • Сертифицированные специалисты Stripe и AWS
  • Гарантия на код — 12 месяцев

Чек-лист типичных ошибок

  • Не учитываете задержки Stripe Meters — используйте Redis
  • Не сопоставили customer_mapping — события не привяжутся к клиенту
  • Забыли про откат инкремента при превышении лимита
  • Отправляете события без timestamp — Stripe может их отклонить
Сравнение подходов Stripe Meters Ручной биллинг
Время разработки 3-5 дней 2-3 месяца
Ошибки в счетах минимальные частые
Масштабирование автоматическое требует доработок
Стоимость поддержки низкая высокая
Сравнение метрик для типовой SaaS Stripe Meters Самописное решение
Время на внедрение 3-5 дней 2-3 месяца
Стоимость разработки (экономия) до 2 раз дешевле
Частота ошибок 2% 15%
Надёжность (SLA) 99.9% зависит от реализации

Настройка usage-based биллинга через Stripe Meters с Redis счётчиками и UI виджетом — 3-5 рабочих дней. Получите консультацию — поможем подобрать оптимальную архитектуру. Закажите аудит текущей системы биллинга — это бесплатно.

Разработка SaaS-платформ

Мы знаем эту боль наизусть. Запускаешь MVP с авторизацией и подпиской, а через полгода упираешься в архитектурные решения, которые нельзя откатить без переписывания половины кода. Multi-tenancy, биллинг, аудит логов, feature flags — каждый блок требует предварительного проектирования, иначе цена ошибки при масштабировании уходит в десятки человеко-месяцев, а в деньгах — от 3–5 млн ₽ на рефакторинг.

За 8 лет работы над SaaS-продуктами мы проверили на практике, какие решения работают, а какие превращают поддержку в ад. Ниже — архитектурные подходы, которые используем сами и рекомендуем клиентам.

Как мы строим multi-tenancy: изоляция без оверхеда

Первое, что решаем — схема разделения данных. Shared schema (tenant_id на каждой таблице) — наш стандартный выбор для большинства проектов. Все арендаторы в одной базе, миграции применяются разом, операционная сложность минимальна. В Laravel реализуем через Global Scope:

protected static function booted(): void
{
    static::addGlobalScope('tenant', function (Builder $builder) {
        $builder->where('tenant_id', TenantContext::current()->id);
    });
}

Глобальный скоуп — только первый уровень защиты. Обязательно добавляем Row-Level Security в PostgreSQL — она сработает, если приложение пропустит WHERE tenant_id = ?:

ALTER TABLE orders ENABLE ROW LEVEL SECURITY;
CREATE POLICY tenant_isolation ON orders
    USING (tenant_id = current_setting('app.tenant_id')::uuid);

Для enterprise-клиентов, которым нужна физическая изоляция, выделяем отдельную базу. Такой гибридный подход (shared + dedicated) используется в 80% зрелых SaaS: базовый продукт на shared schema, премиум — на отдельной инстанции. Мы внедряем его с первого спринта, чтобы не переписывать логику позже.

Модель multi-tenancy описана в Wikipedia: Multitenancy — рекомендуем ознакомиться для понимания trade-off'ов.

Почему биллинг — самый недооценённый блок

Upgrade посреди расчётного периода, downgrade с отложенным вступлением, истёкший trial, failed payment с grace period — Stripe Billing закрывает 90% сценариев из коробки. Обязательно обрабатываем вебхуки (customer.subscription.updated, invoice.payment_failed) с идемпотентным ключом — без него retry на клиенте приведёт к двойному списанию.

Для рынка СНГ — ЮKassa или Tinkoff recurring. API менее удобны, но покрывают требования 54-ФЗ.

Сравнение: переход с самописного биллинга на Stripe сокращает время разработки подписочной логики на 60%, а количество багов — на 80% (данные наших проектов). Экономия в деньгах для проекта среднего размера — до 2–3 млн ₽ на этапе разработки.

Onboarding: как не потерять пользователя до aha-moment

Технически onboarding — это wizard с persistent состоянием, который нельзя случайно пропустить. Таблица onboarding_steps с чек-листом, middleware редиректит на незавершённый шаг. После завершения — флаг в user settings, middleware отключается.

Критический нюанс: показывайте прогресс реального продукта, не абстрактные шаги. «Создайте первый отчёт» вместо «Завершите шаг 3 из 5». Мы используем drip-кампании через Customer.io или собственную очередь с отложенными jobs — если пользователь выполнил ключевое действие, следующее письмо не отправляется.

Feature flags и управление доступом

SaaS с тарифами требует гранулярного контроля. Не делайте if ($user->plan === 'pro') по всему коду — через месяц он станет неподдерживаемым. Вместо этого:

  • Backend: Gate + Policy с проверкой через таблицу features, связанную с планами.
  • Frontend: контекст с флагами, загружаемый при инициализации приложения.
  • Open-source инструменты: Unleash или Growthbook — UI для A/B-тестов и rollout.

Как защитить API от агрессивных клиентов

Rate limiting — must-have для публичного API. Один клиент может положить всех остальных. В Laravel используем Redis с sliding window counter:

Тариф Лимит Заголовки в ответе
Free 100 req/h X-RateLimit-Limit: 100
Pro 1 000 req/h X-RateLimit-Limit: 1000
Enterprise 10 000 req/h X-RateLimit-Limit: 10000

Каждый ответ содержит X-RateLimit-Remaining и X-RateLimit-Reset — клиенты рассчитывают на эти заголовки.

Аудит-логи и мониторинг: что, кто и когда

Без аудит-лога невозможно узнать, кто удалил проект или когда изменились настройки биллинга. Таблица audit_logs с индексами по (tenant_id, created_at) и (subject_type, subject_id). В Laravel — Observer'ы на ключевых моделях.

Пример реализации Observer для Model
class OrderObserver
{
    public function created(Order $order): void
    {
        AuditLog::create([
            'tenant_id' => $order->tenant_id,
            'user_id' => auth()->id(),
            'action' => 'created',
            'subject_type' => Order::class,
            'subject_id' => $order->id,
        ]);
    }
}

Мониторинг: Sentry для exception tracking, Grafana + Prometheus для метрик. Алерты на error rate > 5% и response time p95 > 2s.

Опыт нашей команды и гарантии

Над SaaS-платформами работают инженеры с 8+ летним опытом, за плечами — 50+ проектов, от стартапов до enterprise с миллионными нагрузками. Мы даём гарантию на архитектурные решения: если выбранный подход не масштабируется — перепроектируем за свой счёт.

Deliverables и гарантии

  • Документация архитектуры: схемы, ERD, sequence diagrams.
  • Настройка CI/CD (GitHub Actions / GitLab CI).
  • Доступы к репозиторию, стейджингу и продакшену.
  • Обучение команды: 2–3 сессии по код-ревью и runbook.
  • Post-launch поддержка 1 месяц.
  • Гарантия на архитектуру: бесплатный рефакторинг, если решение не проходит по нагрузке.

Процесс работы

  1. Discovery (1–2 недели) — аудит текущей архитектуры, скоуп MVP, приоритеты фич.
  2. Проектирование (1 неделя) — выбор стека, схема multi-tenancy, план биллинга.
  3. Разработка (4–12 недель) — спринты по 2 недели, демо после каждого.
  4. Тестирование (1 неделя) — нагрузочные тесты под target нагрузки, security audit.
  5. Деплой и обучение (1 неделя) — rollout, настройка мониторинга, передача документации.

Ориентиры по срокам

Этап Срок
MVP (core features + auth + billing) 12–16 недель
Полноценный продукт с admin panel 20–28 недель
Enterprise SaaS с multi-tenancy + audit 28–40 недель

Стоимость рассчитывается индивидуально — свяжитесь с нами, мы оценим проект за 2 дня. Закажите разработку под ключ: от проектирования до деплоя с гарантией архитектуры. Получите консультацию по архитектуре вашего продукта — первый час бесплатно.