2017-10-23 11 views
1

Microsoft Bot Framework를 사용하고 있으며 두 개의 봇을 만들었습니다.봇 프레임 워크의 WebChat 창에 메시지를 자동으로 전송합니다.

두 개의 봇 중 하나에 대해 각각 두 개의 웹 쉐드 윈도우가 나란히 표시되는 간단한 HTML 페이지를 작성하려고합니다.

아이디어는 페이지에 입력 상자가있는 것입니다. 누군가가 입력하면 텍스트가 동시에 두 웹캠으로 전송됩니다.

그러나 웹캠이 기본적으로 iframe이므로 웹캠 iframe에서 일부 방법을 부모 프레임에 표시하지 않으면 내가 할 수있는 일이 많지 않습니다. 예상 된 브라우저 동작입니다.

내 질문은 : 부모 프레임에서 iframe을 제어하는 ​​방법이 있습니까? 아니면 봇 프레임 워크의 Webchats가이를 지원할 수 없습니까?

답변

1

로 시작하십시오. readme for webchat으로 시작하십시오. 웹캠을 Iframe으로 사용할 필요는 없습니다. 당신이 당신의 요구에 맞게 그것을 사용자 정의 할 수 있도록 자바 스크립트와 CSS 모두에 액세스 할 수 있습니다

<!DOCTYPE html> 
<html> 
    <head> 
    <link href="https://cdn.botframework.com/botframework-webchat/latest/botchat.css" rel="stylesheet" /> 
    </head> 
    <body> 
    <div id="bot"/> 
    <script src="https://cdn.botframework.com/botframework-webchat/latest/botchat.js"></script> 
    <script> 
     BotChat.App({ 
     directLine: { secret: direct_line_secret }, 
     user: { id: 'userid' }, 
     bot: { id: 'botid' }, 
     resize: 'detect' 
     }, document.getElementById("bot")); 
    </script> 
    </body> 
</html> 

이 방법 :이 같은 비 iframe이 웹 채팅을 구현할 수 있습니다. 좋은 개요 페이지가 있습니다 here

+0

감사합니다. 유용하지만 자바 스크립트를 통해 채팅을 제어 할 수있는 방법을 찾지 못했습니다. 대화의 메시지 창에 값을 입력하고 보내기 버튼을 클릭하는 것을 모방하는 것만으로는 효과가 없습니다. 보내기 버튼을 활성화하여 '클릭'이벤트를 모방 할 수있는 방법을 알고 있다면 알려주십시오. 나는 계속 탐구하고있다. – K48