Skip to content

Latest commit

 

History

History
 
 

01.a.browser-echo

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
src
src
 
 
.babelrc
.babelrc
 
 
README.md
README.md
 
 
index.html
index.html
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
webpack.config.js
webpack.config.js
 
 

README.md

The example shows the use of the botbuilder-js SDKs for the browser using the BotFramework-WebChat and a custom WebChatAdapter. After running the bot, to see it in action, visit http://localhost:8080.

To try this sample

  • Clone the repository 
    git clone https://github.com/microsoft/botbuilder-samples.git
  • In a terminal, navigate to samples/javascript_es6/01.a.browser-echo 
    cd samples/javascript_es6/01.a.browser-echo
  • Install modules and start the bot 
    npm i & npm start
  • To see the bot in action, visit http://localhost:8080 in a browser.

Adapters

Developers can use the BotAdapter abstract base class to implement their own custom adapters. Implementing a custom adapter allows users to connect bots to channels not supported by the Bot Framework. In this sample, a custom WebChatAdapter has been implemented so that the entirety of the bot is hosted in a user's browser.

Hosting a bot in the browser provides these benefits:

  • A bot hosted in the user's browser has improved latency as there is no round-trip from the browser to a server hosting the bot.
  • One engineering team in charge of bot design and the website. This can lead towards a more integrated UX and speed up development.
  • A browser hosted bot can offload some of the work done by your servers by passing it to the user's machine.

Further reading