预览流程

你可以通过两种方式在不同屏幕类型上预览流程:

  • 在设备上预览:在开发的任意阶段查看流程在真实设备上的效果。
  • 在 Adapty 看板中预览:在设计流程时实时预览效果。

在设备上预览

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

  1. 从 App Store 下载 Adapty 应用
  2. 在流程编辑器中,点击 Test on device
Test on device button in the flow builder
  1. 选择流程的语言区域。
  2. 用设备摄像头扫描二维码,或直接打开链接。这将在 Adapty 移动应用中打开你的流程。

在测试模式下,Adapty 无法访问你在应用商店中的产品,因此流程中显示的价格并非真实价格。

测试设备对话框中的语言选择器和二维码

故障排除

如果存在以下任何问题,您将无法发布或预览流程。

  • 交互配置不完整。常见情况包括:
    • 打开 URL 操作没有设置目标 URL。
    • 跳转到页面 操作没有设置目标页面——如果在设置操作后目标页面被删除,也会出现此问题。
    • 条件操作 没有设置运算符或值。
    • 设置变量 操作没有指定变量/值。
    • 购买 操作没有关联产品(应用内购买)或没有设置 Web 付费墙 URL(网页支付)。
    • 自定义 操作没有设置 Action ID。
    • 显示弹窗 操作的标题或消息为空。
    • 显示隐藏操作没有选择任何元素。
  • 页面中没有任何元素
  • 产品元素没有关联产品——如果删除了所引用的产品,可能会出现此问题。
  • 远程配置 JSON 无效会导致整个交付流程中断——您甚至无法保存草稿。

在 Adapty 看板中预览

为确保你的流程已准备好发布,请在真实设备上预览并确认其渲染无误。

你可以在流程编辑工具的预览区域中,查看流程在不同屏幕类型上的显示效果。这有助于确保你的流程在各种设备和屏幕尺寸上都能完美呈现。

使用预览区域下方的预览控件,你可以:

  • 选择预览流程所用的设备。
  • 在横向和纵向预览模式之间切换。
  • 在浅色和深色模式之间切换。
  • 在不同语言区域之间切换。
  • 务必预览不同语言环境,因为不同语言的文字长度各异,界面布局可能因此有所不同。
  • 预览自定义变量时,请为其设置初始值。例如,添加 name 变量后,可以将初始值设为 Jane Doe 进行预览。
preview-paywall.gif