フローのプレビュー

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

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

デバイスでプレビューする

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

  1. iOS または Android 向け Adapty モバイルアプリをダウンロードする。
  2. フロービルダーで Test on device をクリックする。
フロービルダーの「Test on device」ボタン
  1. フローのロケールを選択する。
  2. デバイスカメラで QR コードをスキャンするか、リンクを開く。Adapty モバイルアプリでフローが表示される。

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

Locale selector and QR code in the Test on device dialog

トラブルシューティング

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

  • 設定が不完全なインタラクション。よくある例:
    • ターゲット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