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

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

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
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

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

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

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

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

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

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

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

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

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

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

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

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

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

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
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