Bot Framework测试

本文介绍如何将BotFramework项目部署到本地IIS服务器上进行测试,包括在BotFramework注册Bot、配置Web.config文件、使用ngrok工具将内网地址公开的方法。

在开发完成Bot Framework后,在本机的模拟器都是成功的,但未知在发布后会出现什么样的问题,所以需要将本机发布的站点给到Bot

1.在Bot Framework注册一个Bot,打开Bot Framework网站,https://dev.botframework.com/,点击注册一个Bot

这个比较重要的是,生成一个App ID和口令,点击按钮,这里特别提醒一点,生成的ID可以一直查看到,但生成的口令只能看到一次,所以需要在生成后将生成的ID与口令复制并保存在本机,因为之后是需要使用的

 

2.将站点发布至本机IIS该步骤是因为暂时还未分配真实的服务器给到项目,所以只能先将地址放在本机。

将生成的AppID和口令写入至Web.config文件中

在本机IIS服务器点击“新建站点”

在弹出的窗口中加入一个网站的名称(自己取的名称)再设置端口

设置完成后,在本机使用浏览器打开地址,查看是否能够打开,该步骤基本没有什么难点,都是平时用过的步骤

 

3.使用工具ngrok将内网地址公开,在浏览器中打开https://ngrok.com/,并点击下载

因为我目前电脑是Windows 8.1,又是64位的,直接选择Windows 64-Bit

下载后直接解压压缩包,会见到一个ngrok.exe的文件,在该文件夹按住shift键,点击鼠标右键,有一个菜单为“在此处打开命令窗口”,点击后会弹出一个命令窗口

在弹出的命令窗口中输入命令ngrok http 8009(这里的端口是你在IIS中创建网站的端口),然后加车

在回车后会弹出ngrok分配的临时地址,这个地址就是我们需要的

 

4.设置Bot Framework地址,再次进入至Bot Framework中,点击修改

将刚才ngrok生成的https地址输入至Messaging endpoint中,并在尾部加入api/messages,并保存Bot

 

 

参考:http://www.cnblogs.com/maoniu602/p/5524476.html 关于ngrok使用方法

 

转载于:https://www.cnblogs.com/weschen/p/6396302.html

### BotFramework WebChat 使用指南 #### 项目概述 BotFramework WebChat 是一个高度可定制化的基于Web的客户端,用于Azure Bot服务。此工具允许开发者轻松集成聊天机器人到网站或其他应用程序中[^1]。 #### 安装依赖项 为了开始使用BotFramework WebChat, 需要先安装必要的开发环境和依赖包。推荐的方式是从GitHub仓库克隆最新版本源码并按照官方文档说明完成设置过程。 ```bash git clone https://github.com/microsoft/BotFramework-WebChat.git cd BotFramework-WebChat npm install ``` #### 基本配置 创建一个新的HTML文件来加载Web Chat组件,并通过`<script>`标签引入所需的JavaScript库。同时还需要提供机器人的Direct Line密钥以便建立连接。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>BotFramework WebChat Example</title> <!-- 加载样式 --> <link href="https://cdn.botframework.com/botframework-webchat/latest/botchat.css" rel="stylesheet"/> </head> <body> <div id="webchat"></div> <!-- 加载脚本 --> <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script> <script> window.WebChat.renderWebChat( { directLine: window.WebChat.createDirectLine({ token }), styleOptions, }, document.getElementById('webchat') ); </script> </body> </html> ``` #### 自定义界面 除了默认外观外,还可以根据需求调整对话框的颜色主题、字体大小和其他视觉属性。这可以通过修改`styleOptions`对象中的参数实现自定义化设计。 ```javascript const styleOptions = { bubbleBackground: 'rgba(0, 0, 255, .1)', bubbleFromUserBackground: 'rgba(0, 255, 0, .1)' }; ``` #### 发布部署 当完成了本地测试之后就可以考虑如何将这个功能发布出去供更多用户访问了。可以利用CDN分发静态资源或将整个应用打包上传至云服务器上运行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值