预览流程
你有两种方式在不同屏幕类型上预览流程：
- 在设备上预览：在开发的任何阶段查看流程在真实设备上的显示效果。
- 在 Adapty 看板中预览：在设计流程时进行预览。
在设备上预览
要在真实设备上预览你的流程：
- 为 iOS 或 Android 下载 Adapty 移动应用，并使用你在看板中使用的 Adapty 账号登录。
- 在 Flow & Paywall Builder 中，点击 Test on device。
- 选择流程语言。
- 用设备摄像头扫描二维码或直接打开链接，即可在 Adapty 移动端应用中打开该流程。
Note
Adapty 移动端应用中的流程预览显示的是示例价格，因为它无法访问您在应用商店中的产品。此外，自定义标签不会传入任何值，因此您看到的是每个标签的初始值。
故障排查
如果流程无法在预览中打开，通常是由于操作不完整、页面为空或产品未绑定导致的。完整列表请参阅常见问题。
如果预览时出现 HTTP 401 错误，说明 Adapty 移动端 App 未登录。请使用你在看板中使用的 Adapty 账号登录，然后重新扫描二维码。
在 Adapty 看板中预览
Tip
为确保你的流程已准备好发布，请在真实设备上预览并确认其渲染正常。
你可以在流程与付费墙编辑工具的预览区域中，在不同屏幕类型上预览你的流程。这有助于确保你的流程在各种设备和屏幕尺寸上都能完美呈现。
使用预览区域下方的预览控件，你可以：
- 选择用于预览流程的设备。
- 在横向和纵向预览模式之间切换。
- 在浅色模式和深色模式之间切换。
- 在不同语言区域之间切换。
Tip
- 请务必预览不同语言版本，因为不同语言的文字长度各异，界面布局也会有所不同。
- 在编辑工具的预览区域中，每个自定义变量都会显示其初始值，例如
name变量会显示Jane Doe。对于自定义标签，请勿输入示例数据：当您的应用未传入值时，用户看到的就是该初始值作为备选内容。请填写一个适用于所有用户的词语，例如在”Welcome back, friend!”中填写friend。
预览产品与优惠
预览功能从您的 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；选择优惠后，预览将其视为按用量付费。
因此，预览中会根据优惠类型切换条件分支，但默认情况下只显示按量付费分支。要查看其他分支，请模拟付款模式：
- 在画布上，选择包含优惠的产品卡片。
- 在右侧面板的 Product 下，打开优惠下拉菜单。
- 在 Preview as 下，选择 Free trial、Pay up front 或 Pay as you go。此设置仅对当前卡片生效。