はじめに

Adapty を使うと、モバイルアプリのユーザーの旅のさまざまな時点(オンボーディング、設定画面など)でペイウォールや A/B テストを作成・実行できます。これらの時点をプレースメントと呼びます。アプリ内のプレースメントは、複数のペイウォールや A/B テストを同時に管理でき、それぞれ特定のユーザーグループ(オーディエンスと呼びます)向けに作成されます。さらに、新しいアプリバージョンをリリースせずに、ペイウォールを別のものと入れ替えながら実験することも可能です。モバイルアプリにハードコードするのはプレースメント ID だけです。

audience.jpg

Adapty ライブラリは、Adapty ダッシュボードから最新のプロダクトを取得し、ペイウォールを常に最新の状態に保ちます。プロダクトデータを取得してペイウォールに表示し、購入を処理し、ユーザーのアクセスレベルを確認して有料コンテンツを表示すべきかどうかを判断します。

始めるには、以下の手順に従って FlutterFlow プロジェクトに Adapty ライブラリを追加し、初期化してください。

始める前に、以下の制限事項を確認してください:

  • FlutterFlow 用 Adapty ライブラリは Web アプリをサポートしていません。Web アプリへのコンパイルは避けてください。
  • FlutterFlow 用 Adapty ライブラリは、Adapty のペイウォールビルダーで作成されたペイウォールをサポートしていません。Adapty で購入を有効にする前に、FlutterFlow で独自のペイウォールをデザインする必要があります。

Adapty ライブラリを依存関係として追加する

  1. FlutterFlow ダッシュボードでプロジェクトを開き、左メニューから Settings and Integrations をクリックします。左側の Project setup セクションで Project dependencies を選択します。
main_settings.webp
  1. FlutterFlow Libraries セクションで Add Library をクリックし、adapty-xtuel0 と入力します。Add をクリックします。

  2. 次に、SDK キーをライブラリに関連付けます。ライブラリの横にある View details をクリックします。

ff_view_details.webp
  1. Adapty ダッシュボードの App Settings -> General タブから Public SDK key をコピーします。

    adaptyapikey.webp
  2. FlutterFlow の AdaptyApiKey にキーを貼り付けます。

    ff_apikey.webp

Adapty FF ライブラリがプロジェクトの依存関係として追加されます。Adapty FF ライブラリウィンドウには、プロジェクトにインポートされたすべての Adapty リソースが表示されます。

アプリ起動時に新しいアクティベーションアクションを呼び出す

  1. 左メニューから Custom Code セクションに移動し、main.dart を開きます。

    ff_dartmain.webp
  2. + をクリックして activate (Adapty) を選択します。

    ff_activate.webp
  3. Save をクリックします。

Adapty プラグインを初期化する

Adapty ダッシュボードにアプリを認識させるには、FlutterFlow で特別なキーを設定する必要があります。

  1. FlutterFlow プロジェクトで、左メニューから Settings and Integrations > Permissions に移動します。

  2. 開いた Permissions ウィンドウで、Add Permission ボタンをクリックします。

  3. iOS Permission KeyAndroid Permission Key の両方のフィールドに AdaptyPublicSdkKey を貼り付けます。

  4. Permission Message には、Adapty ダッシュボードの App Settings -> General タブから Public SDK key をコピーして貼り付けます。各アプリには固有の SDK キーがあるため、複数のアプリがある場合は正しいキーを使用してください。

    ff_permissions.webp

これらの手順が完了すると、FlutterFlow アプリでペイウォールを呼び出し、そこから購入を有効にできるようになります。

次のステップ

  1. FlutterFlow で Adapty ペイウォールのプロダクトとそのデータを処理するためのアクションフローを作成します。
  2. 受け取ったデータを FlutterFlow でデザインしたペイウォールにマッピングします。
  3. ペイウォールの購入ボタンを設定して、クリック時に Adapty 経由でトランザクションを処理できるようにします。
  4. 最後に、サブスクリプションステータスの確認を追加して、ユーザーに有料コンテンツを表示するかどうかを判断します。