Creating a bot for Microsoft Teams

Overview

This article presents step-by-step instructions for creating a new bot using Bot Framework and side-loading it into Microsoft Teams for testing.

Let’s get started…

  • Download the Bot Framework Visual Studio C# Bot project template using this link.
  • Copy this zip file over to Documents\Visual Studio 2015\Templates\ProjectTemplates\Visual C# on your machine.

Create a new bot!

  1. In Visual, click on File -> New Project
  2. Select Bot Application and hit OK.

newbotapplication

Time to wire it up!

Register your bot in Bot Framework and update your bot’s config

  1. Go to https://dev.botframework.com and select Register a bot, or simply click here.
  2. Fill out the Name, Bot handle, and Description.
  3. Leave Messaging endpoint blank for now. We’ll come back to this in a bit.
  4. Click on Create Microsoft App ID and password.
  5. In the new window that pops up, click on Generate an app password to continue.
    GenerateAppPassword.png
  6. That will cause a popup to show on the site with your app’s password. Copy it to your clipboard.
    NewPassword.png
  7. Now switch to the Visual Studio solution you created earlier and open the web.config file.
  8. Paste the password you copied into the value for MicrosoftAppPassword key.pastingapppassword
  9. Now switch back to the window where you copied the password from and hit Finish and go back to Bot Framework.
  10. Now back on Bot Framework’s bot registration page, copy the value of Microsoft App ID and paste it into the value of MicrosoftAppId key in the web.config file in your project.
  11. Copy the value of Bot handle as well and paste it as the value of BotId key in the config file.
    WebconfigFilledIn.png
  12. Double-check that you copied the values for BotId, MicrosoftAppId, and MicrosoftAppPassword correctly.
  13. Now hit F5 to start Visual Studio with debugging on.
  14. Make note of the port number used in the browser that opens up.
    PortNumber.png
  15. We are not done with registration in Bot Framework yet – we need to tell Bot Framework where to post messages meant for our bot. We will come back to that very soon.

Test your bot

  1. Download ngrok from here and extract the zip file.
  2. Launch Command Prompt and change into the directory where you extracted ngrok.
  3. Now this is where the port-number your site is running on comes in.
  4. Run the following command: ngrok http 3979 –host-header=localhost. Replace 3979 with whatever port number you saw earlier.
  5. This will start an ngrok tunnel. Copy its URL.
    ngrok
  6. Now, connect Bot Framework to this tunnel in the following manner:
    1. Go back to the Bot Framework registration page for the bot.
    2. Paste the following value for Messaging endpoint: <your_tunnel>/api/messages.
    3. In my case that is https://c5e247ac.ngrok.io/api/messages.
    4. Accept the Privacy statements, Terms of use, and Code of conduct (after you’ve read them, obviously) and click Register.
  7. Now click on the Test button under Test connection to your bot.
  8. You should see a successful POST /api/messages request received via your tunnel.
  9. That ensures that you have plugged everything in properly.

Test your bot inside Microsoft Teams

  1. Find “Microsoft Teams” under Add another channel and click on Add.
    AddMicrosoftTeams.png
  2. In the window that pops up, ensure that the channel is On and tap on I’m done configuring Microsoft Teams.
    doneaddingmicrosoftteams
  3. Now simply click on the Add to Teams button to side-load the bot into your Microsoft Teams and start a 1:1 chat with it.
    AddToTeamsButton.png
  4. This would launch Microsoft Teams if you already have it installed and bring you into a chat with the bot. If you don’t have Microsoft Teams, continue to download it, sign-in, and click on Add to Teams again.
    NewChatCreated.png
  5. Send a message to your bot and you’ll find that it responds with the number of characters in the string you sent. That’s the default logic in Bot project template.
    BotWorking.png
  6. Congratulations! You’ve got your bot working.

What to do next?

  1. Understand how everything works: Set breakpoint in MessagesController.Post method and send a message to your bot via Microsoft Teams again and step through the code so you understand what’s happening.
  2. Fiddle with it: Try modifying the bot to return something else to the user – e.g. call https://api.chucknorris.io/ to reply with a random Chuck Norris joke.
  3. Read more: Read more about utilizing cards here and capabilities of Bot Framework SDK here.
  4. Windows Azure: Deploy your Bot to Windows Azure. Once that’s done, update the bot registration in Bot Framework to have the URL of your Windows Azure website or cloud-service (depending on what you chose).

 

 

Advertisements

One thought on “Creating a bot for Microsoft Teams

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s