Microsoft Teams developer insights into the extensibility options with examples

1. Exploring Microsoft
Teams extensibility
SPS London 2017
Wes Hackett

2. Thanks to the Sponsors!

3. Wes Hackett
CTO AddIn365
www.addin365.com
@weshackett
wes@addin365.com
Office Server & Services

4. Agenda
Topic
Introduce Microsoft Teams
- Introduce our demo app aims
Setting up for development
Building our knowledge base
Building our Bot
Compose extensions
Tabs
Wrap-up and questions

5. Microsoft Teams
Chat-based workspace in Office 365

6. Chat for today’s
teams
Communicate in the moment and
keep everyone in the know
Customisable for
each team
Tailor your workspace to include
content and capabilities your team
needs every day.
A hub for
teamwork
Give your team quick access to
information they need right in
Office 365
Security teams
trust
Get the enterprise-level security
and compliance features you
expect from Office 365.
Chat-based workspace in Office 365

7. Customer group
Guests
Project team site
Guests
Leadership
engagement
Interest group

8. Silverstone Bot

9. Ultimate fan experience
» Provide access to the Silverstone knowledge base
» Allow team members to ‘free chat’ about drivers
» Record incidents
» Record overtakes

10. Setting up for development

11. Turn on Microsoft Teams

12. Enable side loading of apps

13. Enable ‘Public Developer Preview’

14. Building our knowledge base
QnA maker

15. Create your knowledge base

16. Updating your knowledge base

17. Train your knowledge base

18. Publish your knowledge base

19. Building our bot

20. Create the basic solution
• Using the Bot template for Visual Studio create a new solution
• Update the Nuget packages
• Install the bot emulator
• F5 the project to chat in the emulator

21. Register your bot

22. Microsoft Teams .Net SDK

23. Deployment to azure web app
• Follow normal App Service config steps
• Add keys to the AppSettings rather than hold them in source
• MicrosoftAppId
• MicrosoftAppPassword
• Continuous deployment for the win…

24. Update your bot registration

25. Adding the Microsoft Teams channel

26. Adding QnA to your bot

27. Create the Teams package

28. Side loading the app

29. Demo

30. Compose extensions

31. Update app manifest

32. Add ComposeExtension

33. Update controller

34. Side loading the app

35. Demo

36. Tabs

37. #YoTeams
npm install generator-teams –global
Install and run against ‘tabs’ folder
Move around some of the assets
Fix up paths
• gulpfile
• webpack

38. Fixing up gulpfile.js

39. Fixing up webpack.config.js

40. Updating manifest

41. Side loading the app

42. Demo

43. Overview

44. Resources
• Microsoft Teams getting started http://bit.ly/2rYiaJe
• Microsoft Teams User Voice http://bit.ly/2rYiaJe
• Design a great Microsoft Teams app http://bit.ly/2sXFC8K
• Microsoft Teams sample http://bit.ly/2s2zrwl
• Silverstone Bot on Github http://bit.ly/2rJgrn2

45. Questions