在搭建卡片的过程中,需要查看卡片在真机设备上的展示和交互效果。可以使用卡片样式推送测试,直接将卡片推送到带屏天猫精灵上进行预览。
200.png

一、添加测试设备

点击卡片操作中的“测试”按钮,展示测试设备列表页面。
201.gif
添加测试设备的方法:

  • 在测试设备列表页面,点击页面右下角“添加设备”按钮,对天猫精灵带屏设备说“打开技能测试”,然后将设备下发的语音验证码填入输入框中,点击“确定”绑定设备。

202.gif

  • 如果没有绑定过真机测试设备,在 API服务、官方服务 或 组件数据源 中使用系统变量时,也会提示绑定真机测试设备。点击“前往添加”打开测试设备列表页面。

203.png
204.png

  • 轻服务的对应的技能或应用中,在真机测试页面可以添加真机测试设备。

205.gif

二、卡片推送预览

添加真机测试设备后,就可以将当前卡片推送到真机带屏设备上进行预览。

点击“测试”打开测试设备列表页面,然后点击测试设备操作中的“推送”,将卡片推送到设备上。
206.gif

三、预览和交互

当卡片推送到带屏设备上后,就可以预览卡片在设备上的展示效果,并测试交互功能。

测试交互功能我们可以演示点击文字隐藏图片。

  1. 我们设置一个图片组件,可见性使用关联数据,关联自定义字符串变量showParam,变量初始值show,然后设置图片链接数据https://gw.alicdn.com/tfs/TB1Jl1FIUY1gK0jSZFCXXcwqXXa-270-400.jpg。调整图片大小和位置。

207.png

  1. 然后添加一个文本组件,组件文本内容设置为固定值点击此处隐藏下方图片,调整组件大小和位置。给文本组件添加一个交互事件,交互动作为给变量赋值,选择变量showParam,设置变量值为none

208.png

  1. 组件设置完成后,就可保存并推送到带屏设备上测试。

209.gif