Microsoft Bot Framework UI 만들기

-4

Microsoft chatbot 에뮬레이터 상단에 내 자신의 UI를 만들 수 있습니까? 그렇다면 블루투스 지루한 micorosft의 UI와 완전히 다른 챠트 봇의 UI를 디자인하고 싶습니다. 이 괴짜를 달성하도록 도와주세요.Microsoft Bot Framework UI 만들기

출처

2017-04-04 MS_RPS

검토하십시오 : https://stackoverflow.com/help/how-to-ask –

이것은 내가 –

입니다 ! 감사합니다. –

편집 : Nox의 훌륭한 대답을 참조하십시오.

Edit2가이 : education.microsoft.com

또한 사용할 수 있습니다에 수정 된 웹 채팅 봇의 예입니다 https://skinnedwebchatbot.azurewebsites.net/bot/webchat https://github.com/EricDahlvang/SkinnedWebChat

: 나는 여기 MVC 응용 프로그램에서 웹 채팅 봇을 벗기기 시작 DirectLine API를 사용하고 원하는 프런트 엔드를 만들 수 있습니다. https://docs.botframework.com/en-us/restapi/directline3/

출처

2017-04-04 07:56:28

이 방법에는 여러 가지가 있으며 접근 방법은 능력과 필요에 따라 다릅니다. 이것이 모바일 앱에 있다면 가장 간단한 방법은 쉽게 나머지 크로스 플랫폼을 허용하기 위해 나머지 API를 사용하는 xamarin으로 이것을 수행하는 것입니다.

반응을 사용하는 웹 개발에 정통하고 깨끗한 웹보기 (최상의 웹 인터페이스 옵션)를 원한다면 코드 기반 마이크로 소프트를 출시 할 수 있습니다 here. 테스트를 위해 빠르고보기 싫은 웹보기가 필요한 경우 필요한 곳에 css/js를 삽입하십시오.

웹 개발 기술이 낮지 만 깨끗한 안정적인 인터페이스가 필요하거나 (커스터마이징이 많이 필요하지 않은 경우) 직접 웹 사이트를 실행하고 기본 봇용으로 호스팅되는 CSS/JS 파일을 수정할 수 있습니다 . 이러한 호스팅 된 파일을 참조하는 대신 다운로드하는 것이 좋습니다. 이렇게하면 직접 조작 할 수 있습니다. 이 마지막 옵션은 실제로 제가 사용하고있는 것입니다. 나는 그렇게 할 수있는 충분한 시간을 가질 때 xamarin으로 좋은 crossplatform view를 만들 계획이다.

<!DOCTYPE html> 
<html> 
    <head> 
    <!-- CSS --> 
    <link href="https://unpkg.com/botframework-webchat/botchat.css" rel="stylesheet" /> 
    </head> 
    <body> 
    <div id="bot"/> 
    <!-- JAVASCRIPT --> 
    <script src="https://unpkg.com/botframework-webchat/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>

편집 : 나는 당신의 bitbucket에 무료로이 웹 인터페이스를 호스팅하고 모바일 앱에 그것을 포함하고 당신이 당신의 로봇 안쪽에 푸른에서 호스팅 할 수 있습니다 할 수있는 얘기를 깜빡 했네요. 새로운 index.html을 작성하고 default.htm이있는 web.config 파일에서 index.html로 바꿀 수 있으며 추가 웹 호스트 없이도 이와 같이 호스트 할 수 있습니다.

출처

2017-04-06 18:52:03 Nox

멋진 대답 (녹스에 의해 언급 된 마지막 옵션을 사용하여) 예를 들어 내 대답을 업데이 트했습니다 재미 @EricDahlvang –

봇 프레임 워크 에뮬레이터의 사용자 지정 버전을 만들려면 리포지토리 Microsoft/BotFramework-Emulator을 실행하십시오. 앱 자체는 및 Slack과 같이 앱 뒤에있는 기술인 Electron으로 제작되었습니다.

출처

2017-04-08 00:48:23 nilsw

Microsoft Bot Framework UI 만들기

답변

관련 문제