創建Microsoft Bot Framework的UI

-4

是否可以在Microsoft chatbot模擬器的頂部創建自己的用戶界面？如果是的話，我想設計我的聊天機器人的用戶界面是完全不同於BLUE-WHITES無聊micorosft的用戶界面。幫助我實現這個極客。創建Microsoft Bot Framework的UI

來源

2017-04-04 MS_RPS

請查看：https://stackoverflow.com/help/how-to-ask –

這是有趣的@EricDahlvang –

我已經更新了我的答案用一個例子（使用氮氧化物所提到的最後一個選項） –

編輯：看到諾克斯的偉大答案。

EDIT2：我開始剝皮網上聊天機器人在MVC應用程序的位置： https://skinnedwebchatbot.azurewebsites.net/bot/webchat https://github.com/EricDahlvang/SkinnedWebChat

有修改的網絡聊天機器人對education.microsoft.com

你也可以用一個例子DirectLine api，並創建你喜歡的任何前端：https://docs.botframework.com/en-us/restapi/directline3/

來源

2017-04-04 07:56:28

有很多方法可以做到這一點，你的方法將取決於你的能力和需求。如果這將是一個移動應用程序，最簡潔的方法可能是使用xamarin使用其餘api來實現，以實現簡單的跨平臺。

如果你在web開發中使用反應，希望有一個乾淨的網絡視圖（最好的網絡接口選件）精通如果你需要它作爲一個快速和骯髒的Web視圖，用於測試你可以，你可以得到釋放here.代碼庫微軟在需要的地方注入css/js。

如果你的網站開發技巧很低，但你想要一個乾淨穩定的界面（或者你不需要大量的定製），你可以運行一個直接網站，只需修改爲基本機器人託管的css/js文件。我建議下載這些託管文件而不是引用它們，這樣你可以直接操作它。這最後一個選項實際上是我正在使用的。當我有足夠的時間來做這件事時，我打算用Xamarin建立一個很好的跨平臺視圖。

<!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>

編輯：我忘了提及，您可以承載該web界面上免費到位桶，並把它嵌入到你的移動應用程序，您可以在湛藍舉辦這裏面你的機器人。你可以通過創建一個新的index.html並在web.config文件中使用default.htm來完成這項工作，你可以使用index.html來替換它，並將其作爲主機，而不需要額外的Web主機。

來源

2017-04-06 18:52:03 Nox

大答案！這次真是萬分感謝。 –

如果你想創建機器人仿真框架的定製版本，用叉子叉庫Microsoft/BotFramework-Emulator。該應用程序本身使用Electron，與VSCode和Slack等應用程序背後的技術相同。

來源

2017-04-08 00:48:23 nilsw

創建Microsoft Bot Framework的UI

回答

相關問題