This article introduces general steps of how to publish your bot app developed in Bot Framework Composer through Teams Developer Portal into Teams Channel. Below steps are based on the demo bot application we have created before with blogs:
Of course, if you already have one existing bot app in Composer, the overall following steps are the indeed the same.
Note:
The image doesn’t display in Teams because the GetWeather package uses image/svg+xml data URI for the weather icons. To solve this for teams channel, we can use some online image URI or image/png data URI to replace them in bot response, or we can use Custom Action from code. I will provide the Custom Action method in next article:
The app id can be got from the bot service’s configuration on your Azure Portal:
10. Ente the bot ID you used at step 11, click Save
11. Click the App Studio menu, click the Bot app we just created in Teams:
12. Click Bots on the left, and click Edit in the Bots properties:
13. Choose Personal, Team, and Group Chat scope, click Save
14. Click Apps menu again, select the Bot app, Click Publish at the top right.
15. Click Download the app package -> Download the app package to get its installation zip.
16. Click Apps in the left menu bar, click Manage Your Apps,
17. Click Upload a custom app, select the zip file downloaded at step 15 to upload it
18. Click Add to install this weather bot app in Teams:
19. The app is installed successfully for the user, can start adaptive conversation with the bot about Weather:
This is great that we can use Bot Framework Composer and Teams Developer Portal to easily integrate our bot application in Teams Channel!
In next article, I will introduce how to use Custom Action to solve a little bit complicated issue for this bot app: convert SVG image to PNG image, and display it in Teams conversation.
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.