facebook-messenger - Facebook 信使 API : Webviews Opening in Browser

Question

我正在尝试使用 Facebook Messenger API 创建带有按钮的“通用”消息。单击该按钮时，我想显示一个“webview”(即 Messenger 中网页的框架版本)。

但是，即使我的按钮具有必需的 webview_height_ratio 属性，它仍然会在我手机的浏览器中打开，而不是在 Messenger 中。由于 Facebook 文档声称这就是使按钮打开 web View 所需的全部内容，因此我不确定我可能做错了什么。

我发送给 Facebook 以创建按钮(作为通用模板的一部分)的消息是:

{
    "recipient":{
        "id": "some ID"
    },
    "message": {
        "attachment":{
            "payload":{
                "elements":[{
                    "buttons": [{
                        "title":"Webview example",
                        "type":"web_url",
                        "url":"http://www.example.com",
                        "webview_height_ratio":"compact"
                    }],
                    "image_url": "http://www.example.com/image.png",
                    "item_url": "http://www.example.com",
                    "subtitle":"It's a TV!",
                    "title":"Some TV"
                }],
                "template_type":"generic"
            },
            "type":"template"
        }
    }
}

谁能告诉我我做错了什么？

编辑:我不确定是否有必要，但我已将我试图指向 web View 的域列入白名单(但显然这没有帮助)。

Answer 1

我也遇到过同样的问题。

在这个区 block

      "buttons": [{
                    "title":"Webview example",
                    "type":"web_url",
                    "url":"http://www.example.com",
                    "webview_height_ratio":"compact"
                }],

尝试在网页 View 高度比例后添加这部分

"messenger_extensions": "true"

在 Web View 中使用 URL 之前，应将其列入白名单。用于将域列入白名单。引用链接

https://developers.facebook.com/docs/messenger-platform/thread-settings/domain-whitelisting/