如何使用Discord.js实现点击按钮下载Bot目录内的example.html文件

根据Bot的运行环境（网页端、Discord/Telegram等平台Bot），实现方式略有不同，以下是几种常见场景的具体实现：

1. 网页端嵌入Bot #

如果你的Bot是嵌入网页的聊天机器人，可以直接通过前端JS触发文件下载：

<button onclick="triggerDownload()">下载example.html</button>

<script>
function triggerDownload() {
  // 创建临时a标签触发下载
  const downloadLink = document.createElement('a');
  // 指向Bot目录下的example.html，确保服务器允许静态访问该文件
  downloadLink.href = './example.html';
  downloadLink.download = 'example.html';
  document.body.appendChild(downloadLink);
  downloadLink.click();
  document.body.removeChild(downloadLink);
}
</script>

注意：需要确保你的Web服务器配置允许访问该文件，否则会返回404错误。

2. Discord Bot（基于discord.js v14） #

通过创建交互按钮，用户点击后Bot将文件作为附件发送：

const { Client, ActionRowBuilder, ButtonBuilder, ButtonStyle, AttachmentBuilder } = require('discord.js');
const client = new Client({ intents: ['Guilds', 'GuildMessages', 'MessageContent'] });

client.on('ready', () => {
  console.log(`已登录：${client.user.tag}`);
});

// 发送带按钮的消息
client.on('messageCreate', async (message) => {
  if (message.content === '!设置下载') {
    const downloadRow = new ActionRowBuilder()
      .addComponents(
        new ButtonBuilder()
          .setCustomId('download_example')
          .setLabel('下载example.html')
          .setStyle(ButtonStyle.Primary)
      );

    await message.reply({ content: '点击下方按钮获取文件:', components: [downloadRow] });
  }
});

// 处理按钮点击事件
client.on('interactionCreate', async (interaction) => {
  if (!interaction.isButton()) return;

  if (interaction.customId === 'download_example') {
    // 读取Bot目录下的文件
    const fileAttachment = new AttachmentBuilder('./example.html');
    await interaction.reply({ files: [fileAttachment] });
  }
});

client.login('你的Bot令牌');

3. Telegram Bot（基于node-telegram-bot-api） #

创建内联按钮，用户点击后Bot发送文件：

const TelegramBot = require('node-telegram-bot-api');
const botToken = '你的Bot令牌';
const bot = new TelegramBot(botToken, { polling: true });

// 发送带按钮的欢迎消息
bot.onText(/\/start/, (msg) => {
  const chatId = msg.chat.id;
  const keyboardOpts = {
    reply_markup: {
      inline_keyboard: [[{ text: '下载example.html', callback_data: 'get_html' }]]
    }
  };
  bot.sendMessage(chatId, '点击按钮下载文件:', keyboardOpts);
});

// 处理按钮回调
bot.on('callback_query', (query) => {
  if (query.data === 'get_html') {
    // 发送本地文件
    bot.sendDocument(query.message.chat.id, './example.html');
    bot.answerCallbackQuery(query.id);
  }
});

通用注意事项 #

• 确保Bot进程有读取example.html文件的权限，路径要准确（相对路径基于Bot启动的工作目录，也可以使用绝对路径）。
• 如果Bot部署在云服务器上，要确认example.html已经上传到对应目录中。

内容的提问来源于stack exchange，提问作者Amees