huzefamehidpurwala / New-Teams-Tab-App-GraphAPI-CRUD-SharePoint-List

Personal tab across Microsoft 365

Personal tabs provide a great way to enhance the Microsoft Teams experience. Using personal tabs, you can provide a user access to their application right within Teams, without the user having to leave the experience or sign in again. Now, personal tabs can light up within other Microsoft 365 applications. You can build and run your personal tabs in Teams, both Outlook desktop and web experiences, and also the Microsoft 365 app on the web.

Prerequisites

• Node.js, supported versions: 16, 18
• An M365 account. If you do not have M365 account, apply one from M365 developer program
• Set up your dev environment for extending Teams apps across Microsoft 365

Please note that after you enrolled your developer tenant in Office 365 Target Release, it may take couple days for the enrollment to take effect.

• Teams Toolkit Visual Studio Code Extension version 5.0.0 and higher or TeamsFx CLI

Getting Started

Follow below instructions to get started with this application template for local debugging.

Test your application with Visual Studio Code

1. Press F5 or use the Run and Debug Activity Panel in Visual Studio Code.
2. Select a target Microsoft 365 application where the personal tabs can run: Debug in Teams, Debug in Outlook or Debug in the Microsoft 365 app and click the Run and Debug green arrow button.

Test your application with TeamsFx CLI

1. Executing the command teamsfx provision --env local in your project directory.
2. Executing the command teamsfx deploy --env local in your project directory.
3. Executing the command teamsfx preview --env local --m365-host <m365-host> in your project directory, where options for m365-host are teams, outlook or office.

References

• Extend a Teams personal tabs across Microsoft 365
• Teams Toolkit Documentations
• Teams Toolkit CLI
• TeamsFx SDK
• Teams Toolkit Samples