You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用JS发送Discord Embed消息?(前端场景)

如何在前端用JS发送Discord Embed消息(基于Webhook)

你只需要修改请求体结构,用embeds字段替换或配合content字段,就能发送富文本Embed消息。以下是修改后的完整代码:

const url = '你的Discord Webhook URL';
const msg = {
    // 可选:保留普通文本内容,与Embed共存
    "content": "这是一条带Embed的消息",
    "embeds": [
        {
            "title": "Embed标题",
            "description": "这是Embed的描述文本,支持**Markdown格式**",
            "color": 3447003, // 蓝色对应的十进制RGB值(对应十六进制#3498db)
            "fields": [
                {
                    "name": "字段1",
                    "value": "字段1的内容",
                    "inline": true // 是否与其他字段横向排列
                },
                {
                    "name": "字段2",
                    "value": "字段2的内容",
                    "inline": true
                }
            ],
            "footer": {
                "text": "页脚文本"
            }
        }
    ]
};

fetch(url, {
    "method": "POST",
    "headers": { "content-type": "application/json" },
    "body": JSON.stringify(msg)
});

关键说明:

  • embeds是数组,支持同时发送多个Embed对象
  • color字段需传入十进制RGB值,可通过在线工具将十六进制颜色转换为十进制
  • Embed支持部分Markdown格式,比如加粗、斜体、链接等
  • 若不需要普通文本内容,可直接删除content字段,仅保留embeds

注意事项:

  • 不要在公开前端代码中暴露Webhook URL,避免被滥用
  • Discord对Embed内容有长度限制:description最大4096字符,单个field的value最大1024字符,超出会被截断
  • 前端环境若遇CORS报错,检查Webhook URL是否正确,Discord官方Webhook端点默认支持跨域请求

内容的提问来源于stack exchange,提问作者Yassin Sherif Mohamed

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 05:05:23