Для просмотра веб-сайта Facebook, на котором ведется разговор, требуется веб-сайт, поддерживающий расширение Messenger.Вы можете найти сайт, который поддерживает расширение, или создать свой собственный и добавить расширение.
Настройка веб-сайта
Вы можете добавить расширение Messenger на свой сайт, добавив следующий вызов функции на свою веб-страницу.
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/messenger.Extensions.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'Messenger'));
window.extAsyncInit = function() {
// the Messenger Extensions JS SDK is done loading
};
Дляболее подробную информацию вы можете найти в документации Messenger Facebook на Добавление расширений Messenger .
Отправка шаблона с помощью Microsoft BotFramework
Существует несколько способов вызвать веб-представление расширения Messenger с помощью Microsoft BotFramework, но самый простой вариант - использовать шаблон кнопки Facebook.,Добавьте URL-адрес своего сайта в шаблон кнопки и отправьте его пользователю, добавив шаблон к данным канала исходящей активности.Смотрите пример ниже.
var reply = turnContext.Activity.CreateReply();
var attachment = new
{
type = "template",
payload = new
{
template_type = "button",
text = "Sign up for our mailing list!",
buttons = new[]
{
new
{
type = "web_url",
url = "https://mybot.azurewebsites.net/",
title = "Sign Up!",
webview_height_ratio = "full",
messenger_extensions = true,
},
},
},
};
reply.ChannelData = JObject.FromObject(new { attachment });
await turnContext.SendActivityAsync(reply, cancellationToken);
Посмотрите документацию Messenger на Шаблоны кнопок для получения более подробной информации.Обратите внимание, что Белый список любых URL-адресов, которые вы используете с Facebook,
Снимок экрана
![Messenger Extension WebView](https://i.stack.imgur.com/NlBkF.png)
Надеюсь, это поможет!