ð£webhooks 101-我如何使用Discord Webhooks进行个人通知
#javascript #网络开发人员 #编程 #discord

嘿全部ðð

Webhooks是一个强大的工具,可实时实时相互通信。它们通常用于不需要手动干预而无需手动干预即可将通知或更新从一个系统发送到另一个系统。

如果您知道向REST API发送请求的基础知识,则可以轻松地使用Webhook来使您的生活更轻松。

今天,我将向您展示如何使用 Discord webhooks 个人通知发送给Discord Server。这将是Discord Webhook工作方式的简单快速演示。

Discord Webhooks可用于:

  • 通知服务器有关网站或社交媒体帐户的更新(YouTube,Twitch,Twitter等)

  • 自动化消息,以发送给新服务器成员的欢迎或再见消息

  • 将有关事件或提醒的通知发送到服务器

  • 共享其他来源的信息,例如天气报告或游戏更新

ð目标

在本文末尾,您将了解Discord Webhooks的工作方式,以及当用户单击网站上的按钮时,如何使用它们来通知您。

ð±创建一个webhook

在Discord上,您可以通过遵循以下步骤来轻松创建Webhook

您无法在Discord Mobile上创建或控制Webhook。使用Web版本或桌面版本来执行此操作。

第一步是进入您的服务器设置。

然后在设置页面上,单击集成,然后创建Webhook

为您的webhook bot选择名称和头像,然后点击保存更改

通过单击复制Webhook URL 按钮,请确保复制Webhook URL。我们稍后将需要与Webhook进行交互。

ð§ª测试Webhook

要测试并查看我们的Webhook的工作原理,我们将使用API Tester移动应用程序。您可以从App Store linkPlay Store link下载它。

世界上快速的变化使个人有可能通过直接从任何位置从智能手机从智能手机工作来提高生产率并提高流动性。

API测试仪允许用户使用他们已经拥有的设备,随时随地测试API。这对于在旅途中或不可用台式机或笔记本电脑时测试API特别有用。

我真的很喜欢API Tester:

  • 美丽且易于使用的UI

  • 伟大的UX

  • 从Postman和其他平台导入数据

  • 环境变量

  • 更多...

创建请求

您可以在API Tester上创建一个新请求,单击顶端上的加号按钮,然后选择 post 作为您的请求类型。

然后,粘贴了您在创建Webhook后面复制的Webhook URL。

您必须隐藏Webhook URL,因为使用Webhook URL的任何人都可以使用它在服务器上发送消息。

接下来,转到身体部分,选择 raw ,然后打开发布数据。

发布数据,添加此json

{
  "content": "This is a test message"
}

最后,关闭发布数据弹出窗口,然后按 send 按钮右上角

您将立即从您创建的Webhook上在Discord服务器上收到一条消息。

您可以从其官方网站中了解有关API测试仪的更多信息:

https://apitester.org

- 添加功能

要将此功能添加到您的网站上,只需向Discord Webhook URL发送帖子请求。

async function sendDiscordMessage(name) {
  const response = await fetch("DISCORD_WEBHOOK_URL", {
    method: "POST",
    body: JSON.stringify({ 
      content: `${name} button was clicked.`,
    }),
    headers: {
      "Content-Type": "application/json",
    },
  });
}

`我如何使用Next.js?

我的个人网站是使用next.js和React构建的。我使用API Routes in Next.js创建了无服务器函数,以便我的 Discord Webhook URL受到保护

否则,直接从前端发送请求可能会导致您的Webhook URL暴露。

这是我的后端代码ð。

这是我的前端的代码。

您随时可以在GitHub上找到我的网站的代码。

GitHub logo max-programming / usmans.me

ð我的在线房屋

🌐 my online home

README coming soon 😉

This site is deployed on Vercel.


您可以将其部署到Vercel

Deploy with Vercel

,或者您可以将其部署到NetLify

Deploy to Netlify

结论

我希望本文能帮助您了解Webhooks的工作方式以及如何使用Discord Webhooks进行各种任务。在下面评论您如何使用Discord Webhooks或任何其他类型的Webhooks。

我很想听听您对这个话题的想法。请在下面的评论部分中分享您的想法和经验!