如何解决网络聊天是否有“重置”按钮可用?
开箱即用,网络聊天的默认按钮集是“发送”按钮和“上传文件”按钮。网络聊天是否有可用的“重置”按钮来结束当前对话并为同一用户从头开始新对话?我需要打开一些配置或样式选项才能看到并看到“重置”按钮。
聊天/对话历史记录需要保持不变。它不应该清除。
我目前正在使用JavaScript来设置网络聊天,并使用直接渠道与我的机器人对话。我已经使用botframework-webchat样式选项进行了一些UI定制。请注意,网络聊天不涉及iframe。
var directLineObj = window.WebChat.createDirectLine({
token: "..."
});
// For additional style options:
// https://github.com/Microsoft/BotFramework-WebChat/blob/master/packages/component/src/Styles/defaultStyleOptions.js
const styleOptions = {
...
};
var options = {
directLine: directLineObj,styleOptions: styleOptions
};
var containerObj = document.getElementById("chatContainer");
var webChatObj = window.WebChat.renderWebChat(options,containerObj);
<div id="chatContainer" class="..."></div>
解决方法
您可以通过使用按钮(或您选择的实现方式)以及通过网络聊天以及cancel / interrupt component dialog示例的13.core-bot发送活动来完成此操作(以下示例使用JS SDK,但在其他SDK中可用。
网络聊天::单击button
时,网络聊天会调度WEB_CHAT/SEND_ACTIVITY
,其中包含文本“重置”。
<!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/markdown-it@8.4.2/dist/markdown-it.min.js"></script>
<script crossorigin="anonymous" src="https://unpkg.com/@babel/standalone@7.8.7/babel.min.js"></script>
<script crossorigin="anonymous" src="https://unpkg.com/regenerator-runtime@0.13.3/runtime.js"></script>
<script crossorigin="anonymous" src="https://unpkg.com/react@16.8.6/umd/react.development.js"></script>
<script crossorigin="anonymous" src="https://unpkg.com/react-dom@16.8.6/umd/react-dom.development.js"></script>
<script crossorigin="anonymous" src="https://unpkg.com/react-redux@7.1.0/dist/react-redux.min.js"></script>
<script crossorigin="anonymous" src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
<style>
html,body {
height: 100%
}
body {
margin: 0
}
#webchat {
height: 100%;
width: 100%s;
}
</style>
</head>
<body>
<div id="webchat" role="main"></div>
<button id='resetBtn' type="button">Reset Dialog</button>
<script type="text/babel" data-presets="es2015,react,stage-3">
( async function () {
// 'use strict';
const { ReactDOM: { render },WebChat: { ReactWebChat } } = window;
const store = window.WebChat.createStore( {},( { dispatch } ) => next => action => {
return next( action );
} );
const res = await fetch( 'http://localhost:3500/directline/token',{ method: 'POST' } );
let { token } = await res.json();
await render(
<ReactWebChat
directLine={await window.WebChat.createDirectLine( {token} )}
store={store}
/>,document.getElementById( 'webchat' )
);
document.querySelector( '#webchat > *' ).focus();
const resetBtn = document.getElementById( 'resetBtn' );
resetBtn.addEventListener( 'click',( e ) => {
e.preventDefault();
store.dispatch( {
type: 'WEB_CHAT/SEND_MESSAGE',payload: {
text: `Reset`
}
} )
} )
} )().catch( err => console.error( err ) );
</script>
</body>
</html>
cancelAndHelpDialog.js::机器人收到“重置”活动后,它将调用cancelAllDialogs(true)
清除堆栈并将机器人返回初始对话框。
async interrupt(innerDc) {
if (innerDc.context && innerDc.context.activity) {
const { activity } = innerDc.context;
if (activity.text) {
const text = activity.text;
const activityText = text.toLowerCase();
let message = '';
switch (activityText) {
case 'reset': {
message = 'Request approved: resetting dialog';
const resetMessage = MessageFactory.text(message,message,InputHints.IgnoringInput);
resetMessage.channelData = { action: 'dialog_reset' };
await innerDc.context.sendActivity(resetMessage);
return await innerDc.cancelAllDialogs(true);
}
case 'help':
case '?': {
message = 'Show help here';
await innerDc.context.sendActivity(message,InputHints.ExpectingInput);
return { status: DialogTurnStatus.waiting };
}
case 'cancel':
case 'quit': {
message = 'Cancelling...';
await innerDc.context.sendActivity(message,InputHints.IgnoringInput);
return await innerDc.beginDialog(EXIT_DIALOG);
}
}
}
}
}
这是相当空洞的骨头,可能需要进行一些“清理”才能满足您的需要,包括某种响应,表明对话框正在重新启动。
希望有帮助!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。