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

cifelse 发表于 Dev

西菲尔斯

这是我第一次从 Discord 机器人中看到此功能。我试着到处寻找，但似乎我失败了。Captcha.bot Discord bot 提供了此功能，您可以在其中接受来自 Discord 内弹出窗口的输入。

Captcha.bot 制作的嵌入式消息中有一个按钮，您必须在其中回答验证码测试。按下按钮后，它会创建一个像这样的弹出窗口。

在验证码机器人上放置正确答案后，这是体验的后果。

我想学习的是如果可能的话，如何使用 Discord.js 召唤那个弹出窗口，或者至少了解他们是如何做到的。

佐尔特·梅萨罗斯

这些被称为模态，它们将在下一个 discord.js 版本 v14 中可用。已经有一个拉请求。

同时，您可以使用 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);