MEAPSA

Create embedded web experiences with tabs for Microsoft Teams

Tabs are Microsoft Teams-aware webpages embedded in Microsoft Teams. They can be added as part of a channel or a group chat inside a team or as a personal app for an individual user. As part of your app, you can add custom tabs to embed your own web content in Teams. Two types of tabs are available in Teams, channel/group and personal. In this module, you'll learn how to create tabs and add them to your Microsoft Teams app.

Developer

Microsoft 365

Microsoft Teams

Module Objectives

At the end of this module, you should be able to:

Evaluate the differences between personal and channel/group tabs.
Create a channel/group tab with a configuration experience.
Create a tab that uses authentication to call a protected REST API.

Units

Introduction min
Create a custom Microsoft Teams personal tab min
Exercise - Create a custom Microsoft Teams personal tab min
Create a custom Microsoft Teams channel or group tab min
Exercise - Create a custom Microsoft Teams channel or group tab min
Implement authentication in a custom tab min
Exercise - Implement authentication in a custom tab min
Summary min

Prerequisites

Experience using Microsoft Teams at the beginner level
Ability to program with JavaScript and Node.js
Experience using Visual Studio Code at the beginner level