如何解决如何处理DIRECT_LINE / POST_ACTIVITY_REJECTED
我正在基于令牌以及聊天持久性来实现网络聊天,当用户在线时一切正常,但是经过一段时间的空闲后,如果用户离线且没有互联网连接,则大约需要30-45分钟,然后他又恢复在线并每当他发短信给机器人时,他都会声明 DIRECT_LINE / POST_ACTIVITY_REJECTED 并且用户无法与漫游器聊天,它会在我的消息提示框上放弃发送重试。有什么办法可以处理?。
(async function() {
'use strict';
const {
hooks: { usePostActivity },hooks: { useDirection },ReactWebChat
} = window.WebChat;
let { token,conversation_Id } = sessionStorage;
if ( !token ) {
const res = await fetch( 'https:/localhost/api/generateToken',{ method: 'POST' } );
const { token: directLineToken,conversationId: conversationId } = await res.json();
sessionStorage[ 'token' ] = directLineToken;
sessionStorage[ 'conversation_Id' ] = conversationId;
token = directLineToken;
conversation_Id = conversationId;
}
if (token) {
await setInterval(async () => {
var myHeaders = new Headers();
myHeaders.append("Authorization","Bearer "+ sessionStorage[ 'token' ]);
let res = await fetch( 'https://directline.botframework.com/v3/directline/tokens/refresh',{
method: 'POST',headers: myHeaders,});
const { token: directLineToken,conversationId } = await res.json();
sessionStorage[ 'token' ] = directLineToken;
sessionStorage[ 'conversation_Id' ] = conversationId;
token = directLineToken;
conversation_Id = conversationId;
},1000*60*15)}
const store = window.WebChat.createStore({},({ dispatch }) => next => action => {
if(action.payload && action.payload.directLine) {
const subscription = action.payload.directLine.connectionStatus$.subscribe({
error: error => console.log( error ),next: value => {
if ( value === 0 ) {console.log('Uninitialized')}
else if ( value === 1 ) {console.log('Connecting')}
else if ( value === 2 ) {console.log('Online')}
else if ( value === 3 ) {console.log('Expire Token')}
else if ( value === 4 ) {console.log('FailedToConnect')}
else if ( value === 5 ) {console.log('Ended')}
}
});
}
if (action.type === 'DIRECT_LINE/CONNECT_FULFILLED') {
dispatch({
type: 'WEB_CHAT/SEND_EVENT',payload: {
name: 'Welcome',value: { language: window.navigator.language }
}
});
}
if (action.type === 'DIRECT_LINE/POST_ACTIVITY') {
action = window.simpleUpdateIn(action,['payload','activity','channelData','CustomChannel'],() =>"webchat");
}
return next(action);
});
const botconnection = createDirectLine( {token,webSockets: true,watermark: "0" });
window.ReactDOM.render(
<ReactWebChat directLine={botconnection}
store={store}
/>,document.getElementById('webchat'));
document.querySelector('#webchat > *').focus();
})().catch(err => console.error(err));
注意:令牌未过期,如果刷新,则漫游器开始响应。
解决方法
我对您提供的代码进行了一些调整。我相信您的token
值已被覆盖或损坏,因此我将API调用中的令牌分配(token
)和脚本中的变量分配(dl_token
)分开了。
setInterval()
函数中包装的刷新令牌调用也出现错误,这就是为什么我使用Babel的原因,如下所示。 (对于测试,它有助于识别否则会遗漏的错误。)。从setInterval()
中删除实际的API调用并将其作为单独的函数调用似乎可以解决此问题。
这些更改之后,一切似乎都运行顺利。我只测试了几次,直到45至50分钟,但令牌没有遇到任何问题,需要刷新或接收DIRECT_LINE/POST_ACTIVITY_REJECTED
。
(请注意,我调用了自己的“令牌”服务器来生成和刷新令牌。)
<script crossorigin="anonymous" src="https://unpkg.com/@babel/standalone@7.8.7/babel.min.js"></script>
<script type="text/babel" data-presets="es2015,react,stage-3">
( async function () {
'use strict';
const {
ReactWebChat
} = window.WebChat;
let { dl_token,conversation_Id } = sessionStorage;
if ( !dl_token ) {
const res = await fetch( 'http://localhost:3500/directline/conversations',{ method: 'POST' } );
const { token,conversationId } = await res.json();
sessionStorage[ 'dl_token' ] = token;
sessionStorage[ 'conversation_Id' ] = conversationId;
dl_token = token;
conversation_Id = conversationId;
}
if ( dl_token === sessionStorage['dl_token'] ) {
setInterval( () => {
refreshToken()
},1000 * 60 * 1 )
}
const refreshToken = async () => {
const res = await fetch( 'http://localhost:3500/directline/refresh',{
method: 'POST',headers: {
'Content-Type': 'application/json'
},body: JSON.stringify({
token: dl_token
})
} );
const { token,conversationId } = await res.json();
sessionStorage[ 'dl_token' ] = token;
sessionStorage[ 'conversation_Id' ] = conversationId;
dl_token = token;
conversation_Id = conversationId;
}
const store = window.WebChat.createStore( {},( { dispatch } ) => next => action => {
if ( action.payload && action.payload.directLine ) {
const subscription = action.payload.directLine.connectionStatus$.subscribe( {
error: error => console.log( error ),next: value => {
if ( value === 0 ) { console.log( 'Uninitialized' ) }
else if ( value === 1 ) { console.log( 'Connecting' ) }
else if ( value === 2 ) { console.log( 'Online' ) }
else if ( value === 3 ) { console.log( 'Expire Token' ) }
else if ( value === 4 ) { console.log( 'FailedToConnect' ) }
else if ( value === 5 ) { console.log( 'Ended' ) }
}
} );
}
if ( action.type === 'DIRECT_LINE/CONNECT_FULFILLED' ) {
dispatch( {
type: 'WEB_CHAT/SEND_EVENT',payload: {
name: 'Welcome',value: { language: window.navigator.language }
}
} );
}
if ( action.type === 'DIRECT_LINE/POST_ACTIVITY' ) {
action = window.simpleUpdateIn( action,[ 'payload','activity','channelData','CustomChannel' ],() => "webchat" );
}
return next( action );
} );
const botconnection = await createDirectLine( { token: dl_token } );
window.ReactDOM.render(
<ReactWebChat directLine={botconnection}
store={store}
/>,document.getElementById( 'webchat' ) );
document.querySelector( '#webchat > *' ).focus();
} )().catch( err => console.error( err ) );
</script>
希望有帮助!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。