变现功能

为你的 React Native 应用添加 订阅 功能

别再为支付集成耗费数周。VibeFast 提供完整订阅系统,包含 RevenueCat、paywall UI、权益校验和后端,第一天就能变现。

😤 问题

在移动应用中接入支付非常痛苦:

  • Apple 和 Google 的 API 完全不同
  • 订阅生命周期处理很复杂
  • App Store 审核要求特定的 UI/UX 模式
  • 测试需要沙盒账号和特殊构建
  • 权益校验还要离线可用

总耗时: 2-4 周

✨ VibeFast 解决方案

一切都已构建并测试完成:

  • RevenueCat 自动处理双平台
  • 订阅生命周期完整托管
  • 符合 App Store 的 paywall UI 已包含
  • 带本地产品的沙盒测试模式
  • 内置离线权益缓存

总耗时: 1 小时

完整支付栈

不仅是 UI——从 paywall 到后端的全链路集成。

Paywall UI 组件

漂亮且可定制的 paywall 页面,包含产品卡、价格和购买按钮。

权益校验

通过简单 hooks 保护高级功能,随处检查订阅状态。

恢复购买

正确处理 App Store 与 Play Store 的恢复流程。

跨平台

RevenueCat 同时支持 iOS 和 Android,一次集成,两端可用。

远程配置

在 RevenueCat 控制台远程配置产品,无需更新应用即可改价。

内置分析

使用 RevenueCat 分析面板跟踪转化、MRR 与流失。

包含内容

多布局 paywall 页面组件
带价格展示的产品卡
订阅层级对比 UI
带加载状态的购买按钮
恢复购买流程
用于功能解锁的 entitlement hook
购买历史后端
消耗型处理(积分、令牌)
试用期支持
新用户优惠价展示
错误处理与降级
沙盒测试模式

简单集成

几行代码即可为应用添加 paywall。

PaywallScreen.tsx
import RevenueCatUI from 'react-native-purchases-ui';
import { useEntitlement } from "@/features/payments/hooks/use-entitlement";

export default function UpgradeScreen() {
  const { isEntitled } = useEntitlement("premium");

  if (isEntitled) {
    return <Text>You're already a Pro member! 🎉</Text>;
  }

  // Use the native Paywall UI or VibeFast's custom UI
  return (
    <RevenueCatUI.Paywall
      onPurchaseCompleted={({ customerInfo }) => {
        console.log("Purchased!", customerInfo);
        router.replace("/home");
      }}
      onDismiss={() => router.back()}
    />
  );
}
GateFeature.tsx
import { useEntitlement } from "@/features/payments/hooks/use-entitlement";

export function PremiumFeature() {
  const { isEntitled } = useEntitlement("premium_features");

  if (!isEntitled) {
    return <UpgradePrompt />;
  }

  return <ActualPremiumContent />;
}

VibeFast vs 从零开始

功能VibeFast从零开始
RevenueCat 集成2-3 天
Paywall UI 组件3-5 天
权益校验1-2 天
恢复购买1 天
购买历史后端2-3 天
错误处理1-2 天
沙盒测试模式1 天
App Store 合规调研时间
总耗时1 小时2-4 周

常见问题

支持 iOS 和 Android 订阅吗?

支持。VibeFast 使用 RevenueCat,通过一次集成同时处理 App Store 和 Google Play 订阅。你在 RevenueCat 控制台配置产品,SDK 会自动处理平台差异。

需要 RevenueCat 账户吗?

需要,RevenueCat 有慷慨的免费层。VibeFast 提供移动端集成和 UI,RevenueCat 负责实际支付处理和订阅管理。生产环境还需要 Apple Developer 和 Google Play Console 账户。

可以自定义 paywall 设计吗?

当然可以。Paywall 组件基于 uniwind(React Native 的 Tailwind),完全可定制。你可以调整颜色、字体、布局,加入评价或功能列表,或在保留购买逻辑的前提下重做 UI。

上线前如何测试订阅?

VibeFast 内置沙盒模式和本地产品用于测试。也可以使用 RevenueCat 的沙盒环境配合 Apple/Google 测试账号。通过环境变量控制,切到生产只需配置变更。

消耗型购买如积分或代币怎么办?

VibeFast 通过后端(Convex 或 Supabase)支持消耗品。用户购买后,后端记录并维护余额,hooks 会在购买时增加、使用时扣减。

如何处理订阅变更与取消?

RevenueCat 会发送订阅事件的 webhook。VibeFast 包含后端函数接收这些事件并实时更新权益。当用户取消时,会在计费周期结束后自动撤销访问。

准备好为你的应用变现了吗?

获取 VibeFast,这周就开始收款。

一次购买。终身更新。含商业许可。