n8n工作流实战系列教程（二）通知场景之发送自定义格式富文本内容给飞书webhook

本文我们再来介绍个案例，总体比较简单，就是向飞书的webhook发送通知消息。整个案例非常简单，只需要一个http request节点即可，因为webhook本身就是一个http请求。

前置说明

这里虽然比较简单，但是我们这里主要演示自定义格式的内容。也就是发送到飞书的消息，我们希望内容是多样化的，比如文字带点颜色，同时还有标题和正文的区别。这样子比单调的纯黑色文本更加精彩一点。下面我们来演示一下。

一、准备飞书webhook

这里飞书的话，一般webhook我们都是在群里面使用，飞书比较好的就是可以创建一个一人的群，这样子省的去打扰别人。比如我这里添加了一个测试组

然后我们点击右上方的三个点，然后点击设置，添加一个机器人

然后就可以获取到一个webhook机器人了，我们把他的webhook地址给复制下来。

二、创建n8n工作流

这里为了演示，我们只创建一个点击触发节点和一个http request节点。

然后在http request节点里面我们直接填写上webhook的地址：

然后在下方Send body中选择Body Content Type为json，然后把下面的模板个粘贴进去

{
	"msg_type": "interactive",
	"card": {
		"config": {
			"wide_screen_mode": true
		},
		"header": {
			"title": {
				"tag": "plain_text",
				"content": "测试消息的title"
			},
			"template": "red"
		},
		"elements": [{
				"tag": "div",
				"text": {
					"tag": "lark_md",
					"content": "正文：这是一条<font color='red'>测试</font>消息"
				}
			}
		]
	}
}

可以看到这个模板，我们的示例json里面有对应的header和elements信息，分别对应标题和正文，同时正文里面我们带有html标签。这里我们把测试两个字设置为红色，最后我们测试发布一下：

可以看到测试两个字变成了红色。是不是非常方便，大家如果喜欢这种自定义模板的话，可以参考我这个json进行修改和调整即可。

备注：

1、如果大家只想要一个简单的消息推送的话，使用的json模板是：

{
  "msg_type": "text",
  "content": {
    "text": "这是一条测试消息"
  }
}

效果图如下：

当然这里主要是为了演示富文本消息类型的webhook，大家可以多尝试下，主要是添加html标签即可。实在不会写可以让ai帮着写一个json也是非常方便的。

最后附上官方给的几个常用的webhook示例

1）发送纯文本信息

{
    "msg_type": "text",
    "content": {
        "text": "新更新提醒"
    }
}

2）发送富文本信息

{
    "msg_type": "post",
    "content": {
        "post": {
            "zh_cn": {
                "title": "项目更新通知",
                "content": [
                    [{
                        "tag": "text",
                        "text": "项目有更新: "
                    }, {
                        "tag": "a",
                        "text": "请查看",
                        "href": "http://www.example.com/"
                    }, {
                        "tag": "at",
                        "user_id": "ou_18eac8********17ad4f02e8bbbb"
                    }]
                ]
            }
        }
    }
}

3）发送图片

{
    "msg_type":"image",
    "content":{
        "image_key": "img_ecffc3b9-8f14-400f-a014-05eca1a4310g"
    }
}

这里发送图片的话，需要图片的key，需要单独调用上传接口，图片上传接口地址是：飞书图片上传接口

4）发送飞书卡片

{
  "msg_type": "interactive",
  "card": {
    "schema": "2.0",
    "config": {
      "update_multi": true,
      "style": {
        "text_size": {
          "normal_v2": {
            "default": "normal",
            "pc": "normal",
            "mobile": "heading"
          }
        }
      }
    },
    "body": {
      "direction": "vertical",
      "padding": "12px 12px 12px 12px",
      "elements": [
        {
          "tag": "markdown",
          "content": "西湖，位于中国浙江省杭州市西湖区龙井路1号，杭州市区西部，汇水面积为21.22平方千米，湖面面积为6.38平方千米。",
          "text_align": "left",
          "text_size": "normal_v2",
          "margin": "0px 0px 0px 0px"
        },
        {
          "tag": "button",
          "text": {
            "tag": "plain_text",
            "content": "🌞更多景点介绍"
          },
          "type": "default",
          "width": "default",
          "size": "medium",
          "behaviors": [
            {
              "type": "open_url",
              "default_url": "https://baike.baidu.com/item/%E8%A5%BF%E6%B9%96/4668821",
              "pc_url": "",
              "ios_url": "",
              "android_url": ""
            }
          ],
          "margin": "0px 0px 0px 0px"
        }
      ]
    },
    "header": {
      "title": {
        "tag": "plain_text",
        "content": "今日旅游推荐"
      },
      "subtitle": {
        "tag": "plain_text",
        "content": ""
      },
      "template": "blue",
      "padding": "12px 12px 12px 12px"
    }
  }
}

飞书卡片发送这块文本会更加丰富一下，示例图如下：