iframe을 사용하지 않고 Chatbot을 웹에 통합하십시오.

Question

Microsoft Bot Framework를 사용하여 대화방을 만들었으니 이제는 iframe을 사용하지 않고 내 웹 사이트에 통합하려고합니다. 그러나 어떻게해야할지 모르겠습니다. 도와주세요. 올바른 방향으로 나를 가리 키십시오.

Answer 1

iFrames를 사용하는 대신에 React component을 만들었습니다.

import { Chat } from 'botframework-webchat'; 

... 

const YourApp =() => { 
    <div> 
     <YourComponent /> 
     <Chat directLine={{ secret: direct_line_secret }} user={{ id: 'user_id', name: 'user_name' }}/> 
     <YourOtherComponent /> 
    </div> 
} 

... 

편집 :

먼저 당신은이 chatbot 구성 요소를 반응 설치해야합니다. 터미널에서 pm install botframework-webchat을 실행하십시오. 그러면 botframework-webchat이라는 새 패키지가 설치됩니다. 그런 다음 주 <App /> 구성 요소에서 다음과 같이 패키지에서 구성 요소를 가져와야합니다 : import { Chat } from 'botframework-webchat';.

이제 <Chat /> 구성 요소에 액세스 할 수 있으며 다른 구성 요소와 마찬가지로 사용할 수 있습니다. 이 구성 요소에 두 개의 소품 (direct_line_secret 및 user 정보)을 제공해야합니다.

그게 전부 야!