飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

自从20年用上飞书之后,飞书已经成为了一个工作中不可缺少的工具,他的功能也越来越完备和好用,然而你的消息还是往往会被淹没在消息流中,有没有办法让你的飞书消息更吸引人呢?当然有,那就是消息卡片,今天我们就来看看一个普通的飞书用户无需任何权限如何发送精美的飞书消息卡片

点此关注工具人张伟 获取更效率提升技能。

首先我们来看看飞书消息卡片长什么样子,如下图,消息卡片提供了丰富的内容呈现元素,比如 Markdown 文本格式、图文布局、GIF动图、彩色标题等。你可以自由组合这些元素创作消息内容,大幅度增强信息的表现力。

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

除此之外,飞书卡片还具有交互能力,用户可以直接在卡片上提交信息,与你的业务系统进行对话。

搭建消息卡片

飞书提供了一个可视化的消息卡片搭建工具,我们可以使用此工具快速搭建自己的消息卡片

飞书消息卡片搭建工具>

认识界面:

打开消息卡片搭建工具, 可以看到页面分为3个区域:

内容组件及模板区:可以在此处选择需要的模块组件构造自己的消息卡片,或者直接选用飞书预置的卡片模板;

消息卡片预览区:此处可以对消息卡片的组件进行排序和布局,并实时预览;

代码预览区:这里是消息卡片对应的代码,消息卡片的内容需要在此处修改,看到这里请不要被吓到,这里不需要你看懂代码就可以。

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

编辑消息卡片:

我们从内容组件及模板区选择一个模板,点击使用模板即可将模板添加到消息卡片预览区;

修改图片(此步骤需要创建机器人应用,如果你的消息卡片中不含图片可以忽略此步骤)

将鼠标移入图片上然后点击下面的更换图片即可弹出上传图片的界面。如下图:

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

然后上传图片有一个前提,就是需要创建一个机器人应用,如下图:

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

我们将鼠标移入到选择应用上弹出上面的提示框,然后点击开发者后台,进入开发者后台后直接点击屏幕中间的【创建应用】,选择企业自建应用,应用名字和应用描述随便填写即可。如下图,然后点击【确定创建】

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

创建完成后可以在页面的中下部找到我们刚才创建的应用,我们刚才创建的应用的名称进入应用管理界面

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

在应用管理界面,依次点击左侧的【应用功能】-【机器人】-勾选右侧的【启用机器人】,这样我们一个机器人应用就创建好了,如下图:

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

接下来我们返回到刚才消息的编辑界面并刷新,然后点击更换图片就可以在弹出的窗口中选择刚才创建的应用了,然后点击上面的【选择图片上传】上传一张你提前准备好的图片就可以了。

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

修改文字内容:

修改文字内容,需要在代码预览区修改,我们确定想要修改的内容后,点击Ctrl+F启动浏览器搜索,搜索想要修改的内容,然后定位到代码预览区 ,修改对应的文本即可在卡片预览区看到对应的内容已被修改,如下图,这里需要注意,只修改预览的对应的文本既可,不要随意删除代码区不认识的内容,如果不小心删除导致卡片格式混乱,可以按下Ctrl+Z撤销刚才的操作。

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

如果你想自由度更高一些,可以运用下面几个常用的标签:

\n  //代表换行
**  //两个星号包裹的文本是加粗的效果
[超链接文本](https://open.feishu.cn/)    //文本超链接可以用这种方式,中括号中是超链接的文本,后面的括号中是创链接指向的地址

按钮编辑:

按钮的编辑同上面文字的修改一样,在代码预览区找到对应的文本修改既可,按钮的跳转链接则需要找到文本下面的url中对应的链接进行修改,如下图:

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

发送消息卡片:

发送消息卡片有两种方式:

第一种:支持向任何人和群组发送,但不支持在群众@所有人:直接点击卡片预览区右上角的【向我发送预览】即可像自己的飞书发送刚才编辑好的消息卡片,此时我们只需要将这条消息卡片转发给需要发送的人或者群组即可。

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

第二种:支持在群组中@所有人,但需要在群组中创建聊天机器人,步骤如下:

选择要发送消息卡片的群组,依次点击右侧的【设置】图标-【群机器人】-【添加机器人】-【添加】-【输入机器人名称(消息会以机器人的身份发出,所以可以起一个好听的名字)和描述】-点击【添加】-【复制webhook中的地址】-【安全设置(根据需要可自行选择,避免地址泄露被恶意发送消息)】-点击【完成】可以看到我们已经向群内添加了刚才的机器人,如下图:

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

机器人创建完成后我们就可以通过机器人想群内发送消息了,这里因为是使用接口的方式发送,我们需要用到一个api调试工具,这里我建议使用Postwoman浏览器插件>

打开插件,将刚才复制的webhook地址粘贴到接口地址栏中,并按照下图的配置填写并发送:

飞书骚操作:如何发送飞书消息卡片?让你的消息更丰富更吸引人

配置文本如下:

Content-Type   application/json; charset=utf-8
msg_type   interactive
card

添加@所有人的方法:

<at id=all></at>

添加emoji表情的方法:

消息中可以直接插入windows的emoji表情,快捷键为:Win+分号;😂😂😂

参考链接:飞书发送消息卡片>

以上就是飞书发送消息卡片的方法,值得一提的是飞书提供的webhook方法可以很方便的让开发人员快速的将外部应用接入到飞书实现互通,真的非常好用,觉得有用就分享给你的朋友吧!

发布者:安详的心,转载请注明出处:https://www.gongjurenzhangwei.com/how-to-make-a-beautiful-message-card-on-feishu/

(15)
打赏 微信扫一扫 微信扫一扫
上一篇 2022年5月3日 下午7:43
下一篇 2022年5月14日 下午5:32

相关推荐

发表回复

登录后才能评论