如何在自己网站内分享内容到discord

最新推荐文章于 2025-01-21 10:40:12 发布

GXG O

最新推荐文章于 2025-01-21 10:40:12 发布

阅读量2.2k

点赞数 4

文章标签： javascript ecmascript

本文链接：https://blog.csdn.net/m0_72958893/article/details/130622303

版权

文章介绍了如何通过Discord的WebhooksAPI在网站上创建分享功能，包括创建Webhook、添加分享按钮以及使用JavaScript发送POST请求到Webhook来分享文本和图片内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

要在您的网站内分享内容到 Discord，您可以使用 Discord 提供的 Webhooks API。Webhooks API 是一种 Web 技术，允许您在网站内向 Discord 发送消息，包括文本、图片、链接等内容。

以下是使用 Webhooks API 在您的网站内分享内容到 Discord 的步骤：

在 Discord 中创建一个 Webhook，用于接收您的分享内容。您可以在 Discord 的服务器设置中创建 Webhook，或者在频道设置中创建 Webhook。
在您的网站中添加一个分享按钮或链接，当用户点击该按钮或链接时，将会触发分享操作。

在分享按钮或链接的 onclick事件中，使用 JavaScript 调用 Discord 的 Webhooks API，向 Discord 发送消息。

function shareOnDiscord() {
     var webhookUrl = "https://discord.com/api/webhooks/1234567890/abcdefg"; // 替换为您的 Webhook URL
     var content = "这是要分享的内容";
     var imageUrl = "https://example.com/image.jpg"; // 可选，要分享的图片链接
     var payload = {
       content: content,
       embeds: [
         {
           image: {
             url: imageUrl
           }
         }
       ]
     };
     var xhr = new XMLHttpRequest();
     xhr.open("POST", webhookUrl);
     xhr.setRequestHeader("Content-Type", "application/json");
     xhr.send(JSON.stringify(payload));
   }

在上面的代码中，我们使用了 XMLHttpRequest() 对象向 Discord 发送了一条消息。在 webhookUrl中，我们填写了您在 Discord 中创建的 Webhook URL。在 payload中，我们填写了要分享的内容和图片链接等信息。如果您不想分享图片，可以将 embeds属性删除或注释掉。