Javascript 如何在 Discord 中创建一个接受用户输入的弹出窗口

发布于03月30日

这是我第一次在Discord机器人上看到这个功能.我试着到处找，但似乎失败了.验证码中有这个功能.bot Discord bot，您可以从Discord内的弹出窗口接受输入.

在验证码生成的嵌入消息中有一个按钮.你必须回答验证码测试的机器人.按下按钮后，它会创建一个这样的弹出窗口.

在验证码机器人上输入正确答案后，以下是体验的后果.

我想学的就是如何使用Discord调用弹出窗口.如果可能的话，或者至少了解他们是如何做到的.

推荐答案

这些被称为情态动词，它们将在下一个discord中提供.js版本，v14.这个已经有pull request个了.

同时，您可以使用npm包，比如discord-modals或discordjs-modal.

你可以在下面的discord-modals软件包中找到一个工作示例.别忘了先用npm i discord-modals安装.

const {
  Client,
  Intents,
  MessageActionRow,
  MessageButton,
} = require('discord.js');
const discordModals = require('discord-modals');
const { Modal, TextInputComponent, showModal } = discordModals;

const TOKEN = 'YOUR TOKEN HERE';
const client = new Client({
  intents: [Intents.FLAGS.GUILDS, Intents.FLAGS.GUILD_MESSAGES],
});
discordModals(client);

client.on('messageCreate', (message) => {
  if (message.author.bot) return;

  let button = new MessageActionRow();
  button.addComponents(
    new MessageButton()
      .setCustomId('verification-button')
      .setStyle('PRIMARY')
      .setLabel('Open modal dialog'),
  );
  message.reply({
    components: [button],
  });
});

client.on('interactionCreate', async (interaction) => {
  if (interaction.isButton()) {
    if (interaction.customId === 'verification-button') {
      const modal = new Modal() // We create a Modal
        .setCustomId('verification-modal')
        .setTitle('Verify yourself')
        .addComponents([
          new TextInputComponent()
            .setCustomId('verification-input')
            .setLabel('Answer')
            .setStyle('SHORT')
            .setMinLength(4)
            .setMaxLength(12)
            .setPlaceholder('ABCDEF')
            .setRequired(true),
        ]);

      showModal(modal, {
        client,
        interaction,
      });
    }
  }
});

client.on('modalSubmit', async (modal) => {
  if (modal.customId === 'verification-modal') {
    const response = modal.getTextInputValue('verification-input');
    modal.reply(`Yay, your answer is submitted: "${response}"`);
  }
});

client.once('ready', () => {
  console.log('Bot v13 is connected...');
});

client.login(TOKEN);