วิธีจัดการ DIRECT_LINE / POST_ACTIVITY_REJECTED

Question

ฉันใช้ webchat กับโทเค็นตามพร้อมกับความคงอยู่ของการแชททุกอย่างทำงานได้ดีเมื่อผู้ใช้ออนไลน์ แต่หลังจากเวลาว่างหากผู้ใช้ออฟไลน์โดยไม่มีการเชื่อมต่ออินเทอร์เน็ตประมาณ 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));

หมายเหตุ:โทเค็นยังไม่หมดอายุและหากฉันรีเฟรชหน้าบอทจะเริ่มการทำซ้ำ

Answer 1

ฉันได้ทำการปรับเปลี่ยนโค้ดที่คุณให้มาเล็กน้อย ฉันเชื่อว่าtokenค่าของคุณถูกเขียนทับหรือเสียหายดังนั้นฉันจึงแยกการกำหนดโทเค็นในการเรียก API ( token) และการกำหนดตัวแปรในสคริปต์ ( dl_token)

ฉันยังได้รับข้อผิดพลาดในการเรียกโทเค็นการรีเฟรชที่รวมอยู่ในsetInterval()ฟังก์ชันซึ่งเป็นสาเหตุที่ฉันใช้ Babel ดังที่แสดงด้านล่าง (สำหรับการทดสอบจะช่วยระบุข้อผิดพลาดที่อาจพลาดไป) การลบการเรียก API จริงออกsetInterval()และเรียกเป็นฟังก์ชันแยกต่างหากดูเหมือนจะแก้ไขปัญหานี้ได้

หลังจากการเปลี่ยนแปลงเหล่านี้ดูเหมือนว่าทุกอย่างจะทำงานได้อย่างราบรื่น ฉันเพียงการทดสอบไม่กี่ครั้งรอจนกว่าจะถึง 45-50 นาที แต่ไม่พบปัญหาใด ๆ DIRECT_LINE/POST_ACTIVITY_REJECTEDกับโทเค็นจำเป็นต้องฟื้นฟูหรือรับ

(โปรดทราบว่าฉันโทรไปยังเซิร์ฟเวอร์ 'โทเค็น' ของตัวเองเพื่อสร้างและรีเฟรชโทเค็น)

<script crossorigin="anonymous" src="https://unpkg.com/@babel/[email protected]/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>

หวังว่าจะได้ความช่วยเหลือ!