Question

我创建了一个向用户显示调查向导的应用程序。当用户启动/ start命令时，我叫AddProject：

const Telegraf = require('telegraf');
const bot = new Telegraf(process.env.BOT_TOKEN);
const session = require('telegraf/session');
bot.use(session());

const main = new TelegrafInlineMenu("Welcome.");
main.setCommand('start');
main.simpleButton('Start Survey', 'START_SURVEY', {
  doFunc: async ctx => surveyController.AddProject(ctx, bot)
});

基本上，以上代码创建了一个显示标签Welcome的菜单和一个用于启动调查的按钮。当用户单击按钮时，从SurveyController调用方法AddProject：

const Composer = require('telegraf/composer');
const stepHandler = new Composer();
const Stage = require('telegraf/stage');
const WizardScene = require('telegraf/scenes/wizard');
const userController = require('../controllers/user.controller');

module.exports = {

  AddProject: async function (ctx, bot) {

    const superWizard = new WizardScene('super-wizard',
      (ctx) => {
        ctx.reply('Step 1', Markup.inlineKeyboard([
          Markup.urlButton('❤️', 'http://telegraf.js.org'),
          Markup.callbackButton('➡️ Next', 'next'),
        ]).extra());
        return ctx.wizard.next();
      },
      (ctx) => {
        ctx.reply('Step 2');
        return ctx.wizard.next();
      },
      (ctx) => {
        ctx.reply('Done');
        return ctx.wizard.leave();
      },
    );

    const stage = new Stage([superWizard]);
    bot.use(stage.middleware());
    Stage.enter('super-wizard');
  },
};

AddProject方法正确触发，但是向导未显示，我做错了什么？

Answer 1

经过多次尝试，我终于实现了自己的目标。我不是TelegrafJS的专家，而且我发现文档真的很难理解，特别是如果您是新手（缺少示例，缺少WizardScene等概念等...）。

创建场景

因此，基本上要实现我的目标，我必须使用Scene，并且TelegrafJS提供不同类型的Scene。

我的目标是等待用户输入并进行验证。为此，我使用了WizardScene，这是我的实现：

const userWizard = new WizardScene('user-wizard',
    (ctx) => {
        ctx.reply("What is your name?");

        //Necessary for store the input
        ctx.scene.session.user = {};

        //Store the telegram user id
        ctx.scene.session.user.userId = ctx.update.callback_query.from.id;
        return ctx.wizard.next();
    },
    (ctx) => {

        //Validate the name
        if (ctx.message.text.length < 1 || ctx.message.text.length > 12) {
            return ctx.reply("Name entered has an invalid length!");
        }

        //Store the entered name
        ctx.scene.session.user.name = ctx.message.text;
        ctx.reply("What is your last name?");
        return ctx.wizard.next();
    },
    async (ctx) => {

        //Validate last name
        if (ctx.message.text.length > 30) {
            return ctx.reply("Last name has an invalid length");
        }

        ctx.scene.session.user.lastName = ctx.message.text;

        //Store the user in a separate controller
        await userController.StoreUser(ctx.scene.session.user);
        return ctx.scene.leave(); //<- Leaving a scene will clear the session automatically
    }
);

注册场景

上面的WizardScene需要在Stage中注册，因此我们可以在Scene中使用此Middleware。这样，我们可以在单独的类或模块中访问Scene：

const stage = new Stage([userWizard]);
stage.command('cancel', (ctx) => {
    ctx.reply("Operation canceled");
    return ctx.scene.leave();
});
bot.use(stage.middleware())

如果还收到Stage命令，我还告诉Scene离开/cancel，因此如果用户要取消操作，键入/cancel是一种方法

开始场景

现在可以在向导中输入以下内容：

await ctx.scene.enter('user-wizard');

因此，基本上，您已经在应用程序的Scene中注册了context中间件，并且需要使用.enter的ID键入Scene user-wizard。

这将启动向导。

我希望通过更多示例增强文档，因为我发现这很难实现和理解，特别是对我来说，我是TelegrafJS的新手。

亲切的问候。

Stage.enter无法启动向导

1 个答案: