収益化機能

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 両対応。1回の統合でOK。

リモート設定

RevenueCat ダッシュボードで商品を遠隔設定。アプデ不要で価格変更。

分析対応

RevenueCat の分析ダッシュボードで CVR、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)で作られており、完全にカスタマイズ可能。色、フォント、レイアウトを変えたり、レビューや機能一覧を追加したり、購入ロジックを保ったまま再構築できます。

リリース前にサブスクをテストする方法は?

VibeFast にはローカル商品を使ったサンドボックスモードがあります。RevenueCat のサンドボックス環境と Apple/Google のテストアカウントも利用可能。環境変数で切り替えるだけで本番へ移行できます。

クレジットやトークンなど消耗型は?

VibeFast はバックエンド(Convex または Supabase)で消耗型をサポート。購入時に履歴を記録し残高を管理し、hooks が購入で加算、使用で減算します。

サブスクの変更やキャンセルは?

RevenueCat がサブスクイベントの webhook を送信します。VibeFast にはそれを受け取ってエンタイトルメントをリアルタイム更新するバックエンド関数が含まれます。キャンセル時は請求期間終了時にアクセスが解除されます。

アプリを収益化する準備はできましたか?

VibeFast で今週から決済を開始しましょう。

買い切り。生涯アップデート。商用ライセンス込み。