从零到 SaaS：使用 Flutter + Supabase 在 2025 年打造盈利的移动应用

Source: Dev.to

架构

Clean Architecture 能让你的应用在增长过程中保持可维护性。以下是各层的连接方式：

                    ┌──────────────────────────────┐
                    │         FLUTTER APP          │
                    └──────────────────────────────┘
                                   │
        ┌──────────────────────────┼──────────────────────────┐
        │                          │                          │
        ▼                          ▼                          ▼
┌───────────────┐        ┌─────────────────┐        ┌─────────────────┐
│  PRESENTATION │        │     DOMAIN      │        │      DATA       │
│───────────────│        │─────────────────│        │─────────────────│
│ • Widgets     │   ──▶  │ • Use Cases     │   ──▶  │ • Repositories  │
│ • BLoC/Cubit  │        │ • Entities      │        │ • Data Sources  │
│ • Riverpod    │        │ • Business Logic│        │ • Models        │
└───────────────┘        └─────────────────┘        └─────────────────┘
                                                            │
                     ┌──────────────────────────────────┼──────────────────────────────────┐
                     │                                  │                                  │
                     ▼                                  ▼                                  ▼
            ┌─────────────────┐                ┌─────────────────┐                ┌─────────────────┐
            │    SUPABASE     │                │   REVENUECAT    │                │   LOCAL CACHE   │
            │─────────────────│                │─────────────────│                │─────────────────│
            │ • PostgreSQL    │                │ • Subscriptions │                │ • Hive/SQLite   │
            │ • Auth          │                │ • Receipts      │                │ • Shared Prefs │
            │ • Storage       │                │ • Analytics     │                │                 │
            │ • Edge Functions│                │                 │                │                 │
            └─────────────────┘                └─────────────────┘                └─────────────────┘

步骤 1：费用细分

Google Play 开发者账户

Google Play 服务费

💡 专业提示： 让订阅者保持 12 个月以上，Google 只收取 10%。

替代计费（EEA）

在欧洲经济区：4% 折扣 → 11% 而非 15%。

步骤 2：Supabase 后端

免费层 vs 专业版对比

⚠️ 免费项目在 1 周不活跃后会暂停。拥有付费用户后请升级。

步骤 3：订阅流程

    USER JOURNEY
    ═══════════

    ┌─────────┐         ┌─────────┐         ┌─────────┐         ┌─────────┐
    │  User   │ ──────▶ │ Paywall │ ──────▶ │ Google  │ ──────▶ │ Success │
    │  Taps   │         │ Screen  │         │  Play   │         │   🎉    │
    │ Upgrade │         │         │         │ Billing │         │         │
    └─────────┘         └─────────┘         └─────────┘         └─────────┘
                                                  │
                                                  ▼
    ┌─────────────────────────────────────────────────────────────────────┐
    │                         BACKEND FLOW                                │
    ├─────────────────────────────────────────────────────────────────────┤
    │                                                                     │
    │    Google Play ──▶ RevenueCat ──▶ Webhook ──▶ Supabase Edge Func   │
    │         │              │              │              │               │
    │    [Receipt]     [Validate]     [Notify]      [Update DB]          │
    │                                                                     │
    └─────────────────────────────────────────────────────────────────────┘

步骤 4：Flutter 代码设置

依赖

# pubspec.yaml
dependencies:
  flutter:
    sdk: flutter
  supabase_flutter: ^2.0.0
  purchases_flutter: ^6.0.0  # RevenueCat
  flutter_bloc: ^8.1.0
  get_it: ^7.6.0             # Dependency Injection

初始化 Supabase

import 'package:supabase_flutter/supabase_flutter.dart';
import 'package:flutter/widgets.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  await Supabase.initialize(
    url: 'YOUR_SUPABASE_URL',
    anonKey: 'YOUR_ANON_KEY',
  );

  runApp(MyApp());
}

final supabase = Supabase.instance.client;

RevenueCat 购买服务

import 'package:purchases_flutter/purchases_flutter.dart';

class PurchaseService {
  static Future<void> init() async {
    await Purchases.configure(
      PurchasesConfiguration('your_revenuecat_api_key'),
    );
  }

  static Future<List<Package>> getOfferings() async {
    final offerings = await Purchases.getOfferings();
    return offerings.current?.availablePackages ?? [];
  }

  static Future<bool> purchase(Package package) async {
    try {
      final result = await Purchases.purchasePackage(package);
      return result.customerInfo.entitlements.active.containsKey('premium');
    } catch (_) {
      return false;
    }
  }

  static Future<bool> isPremium() async {
    final customerInfo = await Purchases.getCustomerInfo();
    return customerInfo.entitlements.active.containsKey('premium');
  }
}

步骤 5：定价策略

推荐套餐

2025 年关键统计

📊 计算方式： 100 位用户 × $9.99 × 85% = $849/月

真实独立开发者收入

收入分布

成功案例

完整技术栈

技术栈概览

起始成本

┌───