全人類、いますぐ Discord Webhook を使いこなそう

curl -H "Content-Type: application/json" \
     -X POST \
     -d '{"content": "Hello, Discord!"}' \
     https://discord.com/api/webhooks/YOUR_WEBHOOK_URL

const webhookUrl = "https://discord.com/api/webhooks/YOUR_WEBHOOK_URL";


fetch(webhookUrl, {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({ content: "TypeScriptから送信！" }),
});

interface EmbedField {
  name: string;
  value: string;
  inline?: boolean;
}

interface EmbedAuthor {
  name?: string;
  url?: string;
  icon_url?: string;
}

interface EmbedFooter {
  text: string;
  icon_url?: string;
}

interface EmbedImage {
  url: string;
}

interface Embed {
  title?: string;
  description?: string;
  url?: string;
  timestamp?: string;
  color?: number;
  footer?: EmbedFooter;
  image?: EmbedImage;
  thumbnail?: EmbedImage;
  author?: EmbedAuthor;
  fields?: EmbedField[];
}

interface WebhookMessage {
  content?: string;
  embeds?: Embed[];
}

const embedMessage: WebhookMessage = {
  embeds: [
    {
      title: "サーバーステータス",
      description: "現在のサーバー状況をお知らせします",
      color: 0x00ff00, 
      fields: [
        {
          name: "CPU使用率",
          value: "45%",
          inline: true,
        },
        {
          name: "メモリ使用率",
          value: "72%",
          inline: true,
        },
        {
          name: "ディスク容量",
          value: "234GB / 500GB",
          inline: false,
        },
      ],
      thumbnail: {
        url: "https://assets.discorders.cafe/webhook/sample02.jpeg",
      },
      footer: {
        text: "最終更新",
        icon_url: "https://assets.discorders.cafe/webhook/logo.png",
      },
      timestamp: new Date().toISOString(),
    },
  ],
};

fetch(webhookUrl, {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify(embedMessage),
});

import * as fs from "fs";

const webhookUrl = "YOUR_WEBHOOK_URL";


async function sendMultipleFiles(
  message: string,
  filePaths: string[]
): PromiseResponse> {
  const form = new FormData();
  
  form.append("payload_json", JSON.stringify({ content: message }));
  
  filePaths.slice(0, 10).forEach((path, index) => {
    
    const fileName = path.split("https://zenn.dev/").pop();
    if (!fileName) return;
    form.append(fileName, new Blob([fs.readFileSync(path)]), fileName);
  });
  
  const response = await fetch(webhookUrl, { method: "POST", body: form });
  return response;
}

sendMultipleFiles("ファイル送信テスト", ["", ""]);

const webhookUrl = "YOUR_WEBHOOK_URL";


async function sendAndEditAndDeleteMessage(): Promise"ok"> {
  
  const response = await fetch(`${webhookUrl}?wait=true`, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      content: "処理中...",
      embeds: [{ title: "⏳ タスク実行中", color: 0xffff00 }],
    }),
  });

  
  const message = (await response.json()) as { id: string };

  
  await new Promise((resolve) => setTimeout(resolve, 3000));

  
  await fetch(`${webhookUrl}/messages/${message.id}`, {
    method: "PATCH",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({
      content: "完了！",
      embeds: [
        {
          title: "✅ タスク完了",
          color: 0x00ff00,
          description: "全ての処理が正常に完了しました",
        },
      ],
    }),
  });

  
  await new Promise((resolve) => setTimeout(resolve, 3000));

  
  await fetch(`${webhookUrl}/messages/${message.id}`, { method: "DELETE" });
  return "ok";
}

sendAndEditAndDeleteMessage();

const webhookUrl = "YOUR_WEBHOOK_URL";


async function sendToThread(
  threadId: string,
  message: string
): PromiseResponse> {
  const url = `${webhookUrl}?thread_id=${threadId}`;

  return fetch(url, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ content: message }),
  });
}


async function createForumThread(
  name: string,
  message: string
): PromiseResponse> {
  return fetch(webhookUrl, {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ content: message, thread_name: name }),
  });
}

sendToThread("", "Hello Thread");
createForumThread("", "Hello Forum");