Адаптивные карты с QnAMaker с использованием NodeJS

Я изучал NodeJS и начал перестраивать своего бота, используя версию 4 Bot Framework.

У меня есть бот, работающий в v3 с использованием C #, и он успешно использует метод, в котором пара QnA адаптируется либо к карте героя, либо к видеокарте, либо к стандартному ответу в зависимости от того, сколько точек с запятой находит код.

Я изо всех сил пытаюсь воспроизвести эту функцию в NodeJS, используя метод разделения строк, чтобы определить, какую адаптивную карту следует использовать.

Я приложил исходный код C # и свою частичную попытку использования NodeJS.

CSharp

protected override async Task RespondFromQnAMakerResultAsync(IDialogContext context, IMessageActivity message, QnAMakerResults result)
    {
        var answer = result.Answers.First().Answer;
        Activity reply = ((Activity)context.Activity).CreateReply();

        string[] qnaAnswerData = answer.Split(';');
        int dataSize = qnaAnswerData.Length;
        //image and video card
        if (dataSize > 1 && dataSize <= 6)
        {
            var attachment = GetSelectedCard(answer);
            reply.Attachments.Add(attachment);
            await context.PostAsync(reply);
        }
        else
        {
            // await context.Forward(new BasicQnAMakerDialog(), AfterAnswerAsync, message, CancellationToken.None);
            await context.PostAsync(answer);
        }
    }

    private static Attachment GetSelectedCard(string answer)
    {
        int len = answer.Split(';').Length;
        switch (len)
        {
            case 4: return GetHeroCard(answer);
            case 6: return GetVideoCard(answer);
            default: return GetHeroCard(answer);
        }
    }


    private static Attachment GetHeroCard(string answer)
    {
        string[] qnaAnswerData = answer.Split(';');
        string title = qnaAnswerData[0];
        string description = qnaAnswerData[1];
        string url = qnaAnswerData[2];
        string imageURL = qnaAnswerData[3];

        HeroCard card = null;

        {
            card = new HeroCard
            {
                Title = title,
                Subtitle = description,
            };

            card.Buttons = new List<CardAction>
        {
            new CardAction(ActionTypes.OpenUrl, "Learn More", value: url)
        };

            card.Images = new List<CardImage>
        {
            new CardImage( url = imageURL)
        };
        }
        return card.ToAttachment();
    }

    private static Attachment GetVideoCard(string answer)
    {
        string[] qnaAnswerData = answer.Split(';');
        string title = qnaAnswerData[0];
        string subtitle = qnaAnswerData[1];
        string description = qnaAnswerData[2];
        string thumbimageurl = qnaAnswerData[3];
        string mediaUrl = qnaAnswerData[4];
        string url = qnaAnswerData[5];

        VideoCard card = new VideoCard
        {
            Title = title,
            Subtitle = subtitle,
            Text = description,
        };
        card.Image = new ThumbnailUrl
        {
            Url = thumbimageurl
        };
        card.Media = new List<MediaUrl>
                {
                    new MediaUrl()
                    {
                        Url = mediaUrl
                    }
                };

        card.Buttons = new List<CardAction>
                {
                    new CardAction()
                    {
                        Title = "View Full Screen",
                        Type = ActionTypes.OpenUrl,
                        Value = url
                    }
                };
        return card.ToAttachment();

    }

Частичный NodeJS

async onTurn(turnContext) {
    if (turnContext.activity.type === ActivityTypes.Message) {
        for (let i = 0; i < this.qnaServices.length; i++) {
            // Perform a call to the QnA Maker service to retrieve matching Question and Answer pairs.
            const qnaResults = await this.qnaServices[i].getAnswers(turnContext);
            const qnaCard = qnaResults.includes(';');

            // If an answer was received from QnA Maker, send the answer back to the user and exit.
            if (qnaCard.toString().split(';').length > 3) {
                await turnContext.sendActivity(qnaResults[0].answer);
                await turnContext.sendActivity({
                    text: 'Video Card',
                    attachments: [CardFactory.adaptiveCard(VideoCard)]
                }); 

            } else if (qnaCard.toString().split(';').length < 3) { 
                await turnContext.sendActivity(qnaResults[0].answer);
                await turnContext.sendActivity({
                        text: 'Hero Card',
                        attachments: [CardFactory.adaptiveCard(HeroCard)]
                });
                return;
            }
        }

person Steve Johnson    schedule 15.02.2019    source источник


Ответы (1)


CardFactory в v4 Node SDK имеет функции рендеринга для каждого типа карты (HeroCards, VideoCards, AdaptiveCards и т. Д.). Вы должны использовать соответствующую функцию для типа карты, которую вы пытаетесь отправить. Ваш код должен выглядеть так:

async onTurn(turnContext) {
    if (turnContext.activity.type === ActivityTypes.Message) {
        for (let i = 0; i < this.qnaServices.length; i++) {
            // Perform a call to the QnA Maker service to retrieve matching Question and Answer pairs.
            const qnaResults = await this.qnaServices[i].getAnswers(turnContext);
            const qnaCard = qnaResults.includes(';');

            // If an answer was received from QnA Maker, send the answer back to the user and exit.
            if (qnaCard.toString().split(';').length > 3) {
                await turnContext.sendActivity(qnaResults[0].answer);
                await turnContext.sendActivity({
                    text: 'Video Card',
                    attachments: [CardFactory.videoCard(VideoCard)]
                }); 

            } else if (qnaCard.toString().split(';').length < 3) { 
                await turnContext.sendActivity(qnaResults[0].answer);
                await turnContext.sendActivity({
                        text: 'Hero Card',
                        attachments: [CardFactory.heroCard(HeroCard)]
                });
                return;
            }
        }
    }
}

Ознакомьтесь с Использование карт и Использование адаптивных карт для получения дополнительной информации примеры отправки карточек в v4 BotFramework Node SDK.

Надеюсь это поможет!

person tdurnford    schedule 15.02.2019
comment
Спасибо за это, очень признателен. - person Steve Johnson; 17.02.2019