フローのプレビュー

フローをさまざまな画面タイプでプレビューする方法は2つあります。

  • デバイスでのプレビュー: 開発のどの段階でも、実機でフローの見え方を確認できます。
  • Adapty ダッシュボードでのプレビュー: デザイン中にフローをプレビューできます。

デバイスでのプレビュー

実機でフローをプレビューするには:

  1. App Store から Adapty アプリをダウンロードします
  2. フロービルダーで Test on device をクリックします。
フロービルダーの「Test on device」ボタン
  1. フローのロケールを選択します。
  2. デバイスのカメラで QR コードをスキャンするか、リンクを開きます。これにより、Adapty モバイルアプリでフローが開きます。

テストモードでは、Adapty はストア内のプロダクトにアクセスできないため、フローに表示される価格は実際のものではありません。

「Test on device」ダイアログのロケールセレクターと QR コード

トラブルシューティング

以下のいずれかの問題がある場合、フローを公開またはプレビューすることはできません。

  • 設定が不完全なインタラクション。よくある例:
    • ターゲットURLが設定されていない Open URL アクション。
    • 遷移先が設定されていない Navigate to screen アクション — アクション設定後に遷移先のスクリーンが削除された場合も発生します。
    • 演算子または値が設定されていない conditional action
    • 変数や値の割り当てがない Set Variable アクション。
    • プロダクトが未設定(アプリ内ストア)またはWeb Paywall URLが未設定(Web決済)の Purchase アクション。
    • Action IDが設定されていない Custom アクション。
    • タイトルまたはメッセージが空の Show alert アクション。
    • 要素が選択されていない Show または Hide アクション。
  • 要素のないスクリーン
  • プロダクトが紐付けられていないプロダクト要素 — 参照しているプロダクトを削除した場合に発生することがあります。
  • 無効なリモートコンフィグのJSONはデリバリープロセス全体を破壊します — ドラフトの保存さえできなくなります。

Adapty ダッシュボードでのプレビュー

フローが公開の準備ができているか確認するには、実機でプレビューしてエラーなく表示されることを確認してください。

フロービルダーのプレビューエリアを使って、さまざまな画面タイプでフローをプレビューできます。これにより、さまざまなデバイスや画面サイズでフローが適切に表示されることを確認できます。

プレビュー下のコントロールを使うと、次のことができます。

  • プレビューするデバイスを選択する。
  • 横向きと縦向きのプレビューモードを切り替える。
  • ライトモードとダークモードを切り替える。
  • ロケールを切り替える。
  • 言語によって単語の長さが異なり、画面レイアウトが変わることがあるため、必ず各ロケールをプレビューしてください。
  • カスタム変数をプレビューするには、初期値を設定してください。たとえば、name 変数を追加した場合、初期値を Jane Doe に設定してプレビューできます。
preview-paywall.gif