Node.js 中 Facebook 聊天机器人中的分享按钮答案

【问题标题】：Share button in Facebook chatbot in Node.jsNode.js 中 Facebook 聊天机器人中的分享按钮
【发布时间】：2017-05-26 06:45:37
【问题描述】：

我想在我的聊天机器人中实现分享按钮。单击共享按钮后，消息将与选定的联系人列表共享。图片 FB_ChatBot.png 是我试图在我的聊天机器人和 Share_Btn_Output 中实现的内容

此 png 是单击共享按钮生成的输出。

【问题讨论】：

Share Button In Facebook Messenger的可能重复
@EzequielJadib 节点 js 中可用的任何示例代码，关于它的实现。
@EzequielJadib 我可以为单个共享按钮实现它，但是我怎样才能以卡片视图格式显示 2 个按钮，如上图所示

标签： node.js botframework chatbot facebook-chatbot

【解决方案1】：

这是一个较晚的更新，但会节省一些有用的时间。借助以下代码，您可以在 facebook 聊天机器人上显示多个按钮。用于开发的技术是node js,botbuilder,luis。

var msg = new builder.Message(session);
            msg.sourceEvent({
                "facebook": {
                    "attachment": {
                        "type": "template",
                        "payload": {
                            "template_type": "button",
                            "text": "You can either hit 'FAQ' to get the help, or head to the Mannual Help for getting help.",
                            "buttons": [
                                {
                                    "type": "web_url",
                                    "url": 'https://stackoverflow.com/',
                                    "title": "Mannual Help"
                                },
                                {
                                    "type": "postback",
                                    "title": "FAQ",
                                    "payload": "FAQ_SELECTED_BY_USER"
                                }]
                        }
                    }
                }
            });
            session.send(msg);

【讨论】：

【解决方案2】：

我可以使用下面的代码显示共享按钮，但仍然可以在卡片内显示两个按钮（1 个视图和 2 个共享）。以下解决方案适用于在使用 Node js 的聊天机器人平台中显示共享按钮。

var msg = new builder.Message(session);
        msg.sourceEvent({
            facebook: {
                attachment: {
                    type: "template",
                    payload: {
                        template_type: "generic",
                        elements: [{
                            title: "title",
                            subtitle: "subtitle",
                            image_url: "https://external.xx.fbcdn.net/safe_image.php?d=AQBIbeQ2vl8bb5tl&url=http%3A%2F%2Fimagizer.imageshack.us%2F196x92f%2F924%2FySQ7a9.png&_nc_hash=AQAv9cZ-0jAr9REX",
                            item_url: "url",
                            buttons: [{
                                type: "element_share"
                            }]
                        }]
                    }
                }
            }
        });
        session.send(msg);

输出如下图，

【讨论】：