integrate a line of business app in teams · install .net framework 4.7.2 dev pack install ngrok...
TRANSCRIPT
![Page 1: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/1.jpg)
![Page 2: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/2.jpg)
Integrate a Line of Business App in Teams using the Modern Office 365 PlatformJinlin Xu
![Page 3: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/3.jpg)
Introduction
Module 1 – Set up Teams
Module 2 – Set up Focus app
Module 3 – Advanced: Post Teams Message/Card
Summary
Agenda
![Page 4: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/4.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Prerequisites
Download/Enlist GitHub Repo
Install Visual Studio With IIS express
Install .Net Framework 4.7.2 dev pack
Install ngrok
Tenant admin account
![Page 5: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/5.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
GitHub Repo
https://github.com/InteropEvents
/TeamsAppWithGraph
![Page 6: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/6.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Outcomes
✓ Basic understanding about Teams group/channel
✓ How to install app on Teams
✓ How to communicate with Teams inside app
![Page 7: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/7.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Big Picture
Teams
Teams App
Your cloud
![Page 8: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/8.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Demonstration
![Page 9: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/9.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Module 1 – Set up Teams
Section 1 – Set up group in Azure portal
Section 2 – Create a Teams team
Section 3 – Create a Teams channel
![Page 10: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/10.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Module 1 Section Details
Follow the steps in GitHub
https://github.com/InteropEvents/
TeamsAppWithGraph/blob/master
/exercises/Teams/1.Set%20up%20
Teams.md
![Page 11: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/11.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Module 2 – Set up Focus App
•Section 1 – Hook up ngrok
Section 2 – Register Focus App in Azure
Section 3 – Install Focus App to Teams channel
![Page 12: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/12.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Follow the steps in GitHub
https://github.com/InteropEvents/
TeamsAppWithGraph/blob/master
/exercises/Teams/2.Set%20up%20
Focus%20App.md
Module 2 Section Details
![Page 13: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/13.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Module 3 – Post Teams message/card
Section 1 – Post Teams message
Section 2 – Post Teams adaptive card
![Page 14: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/14.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Module 3 Section Details
Follow the steps in GitHub
https://github.com/InteropEvents/Te
amsAppWithGraph/blob/master/exe
rcises/Teams/3.Post%20Teams%20M
essage%20and%20Card.md
![Page 15: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/15.jpg)
Introduction
Module 1
Module 2
Module 3
Summary
Summary
Outcomes
✓Basic understanding about Teams group/channel
✓How to install app on Teams
✓How to communicate with Teams inside app
Resources
https://docs.microsoft.com/en-us/graph/api/resources/teams-api-
overview?view=graph-rest-beta
![Page 16: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/16.jpg)
![Page 17: Integrate a Line of Business App in Teams · Install .Net Framework 4.7.2 dev pack Install ngrok Tenant admin account. Introduction Module 1 Module 2 Module 3 Summary ... Section](https://reader035.vdocuments.us/reader035/viewer/2022071013/5fcb2b7d4d9db90fe35c54b6/html5/thumbnails/17.jpg)