Шаблон списка для FB с использованием Bot Framework node.js V4

Question

Может ли кто-нибудь помочь мне включить представление списка в канал Facebook с помощью Bot Framework?Я видел примеры, показанные здесь Шаблон списка .Я не знаю, является ли это точным способом, которым мы должны давать приложения.Также я не знал эквивалента для метода sourceEvent в Bot Framework v4.Еще одна полезная ссылка: Шаблон сообщения FB Messenger .Смотрите изображение ниже.Мне нужно поставить ссылку на изображение, и как только мы нажмем на ссылку, она должна открыть другую страницу, также изображение должно быть кликабельным, как в примере для C # кликабельных изображений HeroCard с использованием свойство tap .Оба функционала должны работать.Я пытался использовать HeroCard (но URL, который должен открываться, имел проблему с источником CORS. Я пытался использовать Адаптивную карту , но на данный момент она не поддерживается в Facebook. Итак, ядумал использовать шаблон списка для Facebook. Есть ли в любом случае, чтобы достичь этого?

Answer 1

Вы можете отправлять шаблоны списков Facebook через Microsoft BotFramework, добавляя вложение Facebook к данным канала действия.Тип шаблона list не поддерживается, но вы можете установить тип generic и добавить несколько элементов во вложение, чтобы получить тот же результат.Смотрите пример ниже.

await turnContext.sendActivity({
    channelData: {
        "attachment": {
            "type": "template",
            "payload": {
              "template_type": "generic",
              "elements": [
                {
                    "title": "Three Strategies for Finding Snow",
                    "subtitle": "How do you plan a ski trip to ensure the best conditions? You can think about a resort’s track record, or which have the best snow-making machines. Or you can gamble.",
                    "image_url": "https://static01.nyt.com/images/2019/02/10/travel/03update-snowfall2/03update-snowfall2-jumbo.jpg?quality=90&auto=webp",
                    "default_action": {
                      "type": "web_url",
                      "url": "https://www.nytimes.com/2019/02/08/travel/ski-resort-snow-conditions.html",
                      "messenger_extensions": false,
                      "webview_height_ratio": "tall"
                    },
                    "buttons": [{
                            "type":"element_share"
                    }]
                  },
                {
                    "title": "Viewing the Northern Lights: ‘It’s Almost Like Heavenly Visual Music’",
                    "subtitle": "Seeing the aurora borealis has become a must-do item for camera-toting tourists from Alaska to Greenland to Scandinavia. On a trip to northern Sweden, the sight proved elusive, if ultimately rewarding.",
                    "image_url": "https://static01.nyt.com/images/2019/02/17/travel/17Northern-Lights1/17Northern-Lights1-superJumbo.jpg?quality=90&auto=webp",
                    "default_action": {
                      "type": "web_url",
                      "url": "https://www.nytimes.com/2019/02/11/travel/northern-lights-tourism-in-sweden.html",
                      "messenger_extensions": false,
                      "webview_height_ratio": "tall"
                    },
                    "buttons": [{
                            "type":"element_share"
                    }]
              },
              {
                    "title": "Five Places to Visit in New Orleans",
                    "subtitle": "Big Freedia’s rap music is a part of the ether of modern New Orleans. So what better authentic travel guide to the city that so many tourists love to visit?",
                    "image_url": "https://static01.nyt.com/images/2019/02/17/travel/17NewOrleans-5Places6/17NewOrleans-5Places6-jumbo.jpg?quality=90&auto=webp",
                    "default_action": {
                      "type": "web_url",
                      "url": "https://www.nytimes.com/2019/02/12/travel/big-freedia-five-places-to-eat-and-visit-in-new-orleans.html",
                      "messenger_extensions": false,
                      "webview_height_ratio": "tall"
                    },
                    "buttons": [{
                            "type":"element_share"
                    }]
                }]
            }
        }
    }
});

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