预览流程

你有两种方式在不同屏幕类型上预览流程：

• 在设备上预览：在开发的任何阶段查看流程在真实设备上的显示效果。
• 在 Adapty 看板中预览：在设计流程时进行预览。

在设备上预览

要在真实设备上预览你的流程：

1. 下载适用于 iOS 或 Android 的 Adapty 移动应用。
2. 在 Flow & Paywall Builder 中，点击 Test on device。

3. 选择流程的语言区域。
4. 用设备相机扫描二维码，或直接打开链接，即可在 Adapty 移动应用中查看你的流程。

故障排查

如果流程无法在预览中打开，通常是因为存在未完成的操作、空白页面或未关联的产品。完整列表请参见常见问题。

在 Adapty 看板中预览

你可以在流程与付费墙编辑工具的预览区域中，在不同屏幕类型上预览你的流程。这有助于确保你的流程在各种设备和屏幕尺寸上都能完美呈现。

使用预览区域下方的预览控件，你可以：

• 选择用于预览流程的设备。
• 在横向和纵向预览模式之间切换。
• 在浅色模式和深色模式之间切换。
• 在不同语言区域之间切换。

预览产品与优惠

预览功能从您的 Adapty 产品目录中读取产品变量，仅涵盖设备实际解析内容的一部分：

• prod_title 显示产品标题（与 Adapty 中存储的一致）。prod_price 和 prod_price_per_* 变量显示 Adapty 中存储的价格（以美元计）——用户实际看到的是本地化的商店价格。
• offer_price、offer_billing_period 和 offer_full_duration 不会被解析，因此预览中会直接显示变量名（用大括号括起来），例如 {{products.selectedProduct.offer_price}}。这些值会在 SDK 渲染流程时传入您的应用。
• is_free_trial、is_pay_up_front 和 is_pay_as_you_go 取决于产品卡片上选择的优惠。未选择任何优惠时，三者均为 false；选择优惠后，预览将其视为按用量付费。

因此，预览中的条件会根据优惠类型切换，但默认只显示按使用付费分支。要查看其他分支，请模拟付款模式：

1. 在画布上，选择包含该优惠的产品卡片。
2. 在右侧面板中，找到 Product 部分，打开优惠下拉菜单。
3. 在 Preview as 下，选择 Free trial、Pay up front 或 Pay as you go。

针对这三个变量的每个条件，都会在该卡片选定的模式下重新渲染。Preview as 仅作用于单个产品卡片，不影响你发布的流程，且在更改卡片优惠时会自动重置。