Bot框架获取内嵌聊天控制页面的ServiceUrl
Bot framework get the ServiceUrl of embedded chat control page
我想将聊天控件嵌入到许多网站,我想获取我嵌入的网站的 Url,以便我的机器人可以获得与网站匹配的数据 URL.但是,当我嵌入从 WebChat 生成的 iframe 时,我总是得到相同的服务 Url,即 https://webchat.botframework.com/,而不是 Url的网站,那么如何将聊天控件嵌入到任何网站,我的机器人可以获得网站 Url 而不是 WebChat 或 DirectLine 的 Url。
这是我尝试过的方法:Direct-Line chat control
这是我用我发布的机器人测试的结果:
我注意到,当我使用 Bot Framework Emulator 测试我的机器人时,它总是 return 确切的 Url 发件人(在本地测试的情况下,它将return http://localhost:XXXX/)。那么我们该怎么做呢?
我认为实现此目的的一种方法是使用 BackChannel,它增加了机器人通过 WebChat 与嵌入机器人的页面进行通信的能力。它将允许您:
- 将事件发送到托管 WebChat 实例的页面
- 从托管 WebChat 实例的页面监听事件
第一部分当然是 HTML 页面,它将包含您放在一起的内容,以及 send/listen 事件的逻辑。可以找到具有基本逻辑的示例页面 here,下面是带有事件相关代码的图像。
现在,您需要准备好您的机器人来侦听和发送事件。 Node.js
中有一个 sample,显示了如何做到这一点。
在 C#
中移植它就像监听和发送到事件类型的活动一样简单。示例代码(使用前面提到的 HTML 页面的事件):
public async Task<HttpResponseMessage> Post([FromBody]Activity activity)
{
if (activity.Type == ActivityTypes.Event &&
string.Equals(activity.Name, "buttonClicked", StringComparison.InvariantCultureIgnoreCase))
{
ConnectorClient connector = new ConnectorClient(new Uri(activity.ServiceUrl));
// return our reply to the user
Activity reply = activity.CreateReply("I see that you just pushed that button");
await connector.Conversations.ReplyToActivityAsync(reply);
}
if (activity.Type == ActivityTypes.Message)
{
ConnectorClient connector = new ConnectorClient(new Uri(activity.ServiceUrl));
// return our reply to the user
var reply = activity.CreateReply();
reply.Type = ActivityTypes.Event;
reply.Name = "changeBackground";
reply.Value = activity.Text;
await connector.Conversations.ReplyToActivityAsync(reply);
}
else
{
HandleSystemMessage(activity);
}
var response = Request.CreateResponse(HttpStatusCode.OK);
return response;
}
最重要的是,在您的 HTML 页面中,您必须向机器人发送一个事件,页面 URL 并且机器人必须监听该事件以获取值
我想将聊天控件嵌入到许多网站,我想获取我嵌入的网站的 Url,以便我的机器人可以获得与网站匹配的数据 URL.但是,当我嵌入从 WebChat 生成的 iframe 时,我总是得到相同的服务 Url,即 https://webchat.botframework.com/,而不是 Url的网站,那么如何将聊天控件嵌入到任何网站,我的机器人可以获得网站 Url 而不是 WebChat 或 DirectLine 的 Url。
这是我尝试过的方法:Direct-Line chat control
这是我用我发布的机器人测试的结果:
我注意到,当我使用 Bot Framework Emulator 测试我的机器人时,它总是 return 确切的 Url 发件人(在本地测试的情况下,它将return http://localhost:XXXX/)。那么我们该怎么做呢?
我认为实现此目的的一种方法是使用 BackChannel,它增加了机器人通过 WebChat 与嵌入机器人的页面进行通信的能力。它将允许您:
- 将事件发送到托管 WebChat 实例的页面
- 从托管 WebChat 实例的页面监听事件
第一部分当然是 HTML 页面,它将包含您放在一起的内容,以及 send/listen 事件的逻辑。可以找到具有基本逻辑的示例页面 here,下面是带有事件相关代码的图像。
现在,您需要准备好您的机器人来侦听和发送事件。 Node.js
中有一个 sample,显示了如何做到这一点。
在 C#
中移植它就像监听和发送到事件类型的活动一样简单。示例代码(使用前面提到的 HTML 页面的事件):
public async Task<HttpResponseMessage> Post([FromBody]Activity activity)
{
if (activity.Type == ActivityTypes.Event &&
string.Equals(activity.Name, "buttonClicked", StringComparison.InvariantCultureIgnoreCase))
{
ConnectorClient connector = new ConnectorClient(new Uri(activity.ServiceUrl));
// return our reply to the user
Activity reply = activity.CreateReply("I see that you just pushed that button");
await connector.Conversations.ReplyToActivityAsync(reply);
}
if (activity.Type == ActivityTypes.Message)
{
ConnectorClient connector = new ConnectorClient(new Uri(activity.ServiceUrl));
// return our reply to the user
var reply = activity.CreateReply();
reply.Type = ActivityTypes.Event;
reply.Name = "changeBackground";
reply.Value = activity.Text;
await connector.Conversations.ReplyToActivityAsync(reply);
}
else
{
HandleSystemMessage(activity);
}
var response = Request.CreateResponse(HttpStatusCode.OK);
return response;
}
最重要的是,在您的 HTML 页面中,您必须向机器人发送一个事件,页面 URL 并且机器人必须监听该事件以获取值