关于Alexa Skill在Alexa配套应用中渲染展示卡片的图片添加与移除问询
Alexa展示卡片:添加图片/彻底移除的实用方法
嘿,针对你提出的两个需求,我整理了具体的实现方案,你可以按需参考:
一、给Alexa展示卡片添加图片
要给卡片加图片,核心是用Standard类型的卡片(Basic卡片不支持图片),步骤如下:
- 先确认你的技能已经开启了Display Interface(展示接口):登录Alexa开发者控制台,找到你的技能,在「Build」标签下的「Interfaces」里开启这个选项。
- 然后在代码里构建Standard卡片并添加图片链接,这里用Node.js的ASK SDK举个例子:
const { responseBuilder } = handlerInput; // 构建带图片的Standard卡片 return responseBuilder .speak("这是一张带图片的卡片哦") .withStandardCard( "旅行推荐", // 卡片标题 "今天推荐去海边散步,天气超棒!", // 卡片文本内容 "https://example.com/seaside-small.jpg", // 小尺寸图片(建议720x480) "https://example.com/seaside-large.jpg" // 大尺寸图片(建议1200x800) ) .getResponse();
- 注意事项:图片必须是公开可访问的HTTPS链接,尺寸要符合Alexa的要求,不然会出现加载失败的情况。
二、彻底移除展示卡片
如果想完全去掉卡片展示,操作更简单:
- 直接删除代码中所有和卡片相关的构建逻辑:比如之前用了
.withBasicCard()或者.withStandardCard()这类方法,把这些代码行删掉就行。 - 如果你的技能没有主动生成卡片的代码,那默认就不会展示卡片;要是测试时还能看到旧卡片,重启Alexa设备或者在Alexa APP里刷新技能页面就能清掉缓存。
内容的提问来源于stack exchange,提问作者fdistorted
相关产品推荐
相关产品推荐

