消息卡片
什么是消息卡片
消息卡片功能允许用户通过机器人或应用以结构化(JSON)的方式发送和接收消息。
使用场景
1、静态消息卡片
消息卡片能够自动根据聊天窗口大小,调整内容布局,保证展示空间的利用率。在静态内容中支持包括文本格式、图文混排布局的呈现能力。

2、可交互的消息卡片
通过消息卡片的互动功能,你可以在聊天窗口中实现点击完成操作的简单交互,包括跳转链接,动态展示信息等操作。另外你还可以使用更新消息卡片的能力,在用户提交操作后,刷新卡片内容,及时给用户反馈等。

3、在侧边栏打开卡片
如果你希望用户在收到你的应用所推送的消息卡片后,在会话中进一步完成更复杂的表单填写或快速查看详情。
你可以使用侧边栏的开放能力,通过AppLink协议将跳转地址配置在消息卡片的跳转交互上,并将mode设置为sidebar,实现在聊天的侧边栏中打开网页应用。详情请参考打开网页应用。

功能简介
消息卡片通常包括标题、描述、图片、按钮等元素,使消息接收者可以更直观地了解和处理接收到的信息。这些卡片可以包含各种类型的内容,如OA审批、投票统计、报警处理等系统操作,以及醒目的通知、图文并茂的文章列表等。详见构造卡片。
标题模块:仅支持纯色标题
注:如果你想实现图片标题,可以结合正文的图片实现以下效果:
内容模块:消息卡片提供了5种内容组件,比如内容块、图片、markdown等。你可以自由组合这些组件创作消息内容,大幅度增强信息的表现力。
| 组件 | 描述 | 组件演示 |
|---|---|---|
| 文本 | 文本内容,仅支持内嵌的组件,如内容块、备注和图片说明等,支持普通文本和部分富文本 | |
| markdown | 富文本内容,仅可独立存在的组件,支持换行、斜体、粗体、删除线、@单人、@所有人、链接跳转、图片和分割线等语法 | ![]() |
| 图片 | 图片,区别于markdown的图片,可独立存在,支持平铺和居中裁剪,也可以内嵌到其他组件中,如内容块和备注 | ![]() |
| 分割线 | 分割线,区别于markdown的分割线,仅可独立存在的组件 | ![]() |
| 内容块 | 组合内容,仅可独立存在的组件,仅支持左文右图 1-文本部分:支持单列文本和双列文本,是否双列由文本块组件控制,双列文本左右均分,不支持调整左右占比 2-图片部分:仅支持添加一张图片,可以不配图,图片大小不可调整 |
![]() |
| 文本块 | 内容块中控制文本部分是否双列展示的组件,仅支持内嵌的组件 | / |
| 备注 | 备注内容,仅可独立存在的组件,支持按流式布局放置文本和图片 | ![]() |
交互能力:消息卡片具有交互能力。用户可以直接在卡片上提交信息,与你的业务系统进行对话。
| 组件 | 描述 | 组件演示 |
|---|---|---|
| 交互块 | 放置交互组件的容器组件,仅可独立存在的组件 移动端支持四种布局:单行纵向排列、二等分、三等分和自适应大小流式排列 pc仅支持自适应大小流式排列 目前支持放置的交互组件仅按钮 |
![]() ![]() |
| 按钮 | 按钮,仅可内嵌的组件,需内嵌在交互块中 支持四种样式:强调样式(primary)、默认样式(default)、警示样式(danger)和无边框样式(frameless); 支持两种交互:跳转和回调 1-跳转按钮:点击按钮后跳转到配置链接 2-回调按钮:点击后向配置地址发送 HTTP POST 请求 支持设置点击后出现再次确认弹窗,由弹窗组件控制 |
![]() |
| 弹窗 | 再次确认操作的弹窗,仅支持内嵌的交互组件,需内嵌在按钮组件中 | |
| url | 承载链接,仅支持内嵌的交互组件,如卡片跳转、按钮、markdown等 | / |
其他能力:你还可以根据需要配置卡片是否能 转发 、是否支持 全量更新 ,自定义 会话预览文案 、 搜索文案 和直接点击卡片的 跳转链接 等
卡片模版
如果你要发起审批流,审批人在聊天中收到审批提醒的同时,还可以直接在该消息卡片上快速完成审批。
如果你是一个项目的组织者,可以直接在聊天中通知重要事项,实时展示结果跟进进度,省去催办统计的过程。
如果你是运维工程师,你可以通过卡片及时推送运维情况,并直接在卡片上提交报警处理、屏蔽报警操作。
如何发送消息卡片
你可以参考以下流程图,选择消息卡片发送方式然后发送消息卡片,详细操作步骤可参考 发送消息卡片。 








