-
Notifications
You must be signed in to change notification settings - Fork 189
ZZZ ‐ [Archived] ‐ Create and debug a personal tab across Microsoft 365
Important
Content in this document has been moved to Teams platform documentation. Please do not refer to or update this document.
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 Office on the web (office.com).
- NodeJS
- 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.
- From Visual Studio Code, open the command palette (
Ctrl+Shift+P
), typeTeams: Create a new Teams app
- Select SSO-enabled personal tab
Follow below instructions to get started with this application template for local debugging.
- Press
F5
or use theRun and Debug Activity Panel
in Visual Studio Code. - Select a target Microsoft 365 application where the personal tabs can run:
Debug in Teams
,Debug in Outlook
orDebug in Office
and click theRun and Debug
green arrow button. - If you select
Debug in Outlook
orDebug in Office
, follow the instructions in a Visual Studio Code pop-up dialog. - Click Install in Teams first and install the app in a Teams web client.
- After installing the app in Teams, come back and click Continue to continue to debug the app in Outlook web client or office.com.
- Start debugging the project by executing the command
teamsfx preview --local --m365-host <m365-host>
in your project directory, where options form365-host
areteams
,outlook
oroffice
. - If you select
Debug in Outlook
orDebug in Office
, follow the instructions in the command dialog. - Select Install in Teams first and install the app in a Teams web client.
- After installing the app in Teams, come back and select Continue to continue to debug the app in Outlook web client or office.com.
Build Custom Engine Copilots
- Build a basic AI chatbot for Teams
- Build an AI agent chatbot for Teams
- Expand AI bot's knowledge with your content
Scenario-based Tutorials
- Send notifications to Teams
- Respond to chat commands in Teams
- Respond to card actions in Teams
- Embed a dashboard canvas in Teams
Extend your app across Microsoft 365
- Teams tabs in Microsoft 365 and Outlook
- Teams message extension for Outlook
- Add Outlook Add-in to a Teams app
App settings and Microsoft Entra Apps
- Manage Application settings with Teams Toolkit
- Manage Microsoft Entra Application Registration with Teams Toolkit
- Use an existing Microsoft Entra app
- Use a multi-tenant Microsoft Entra app
Configure multiple capabilities
- How to configure Tab capability within your Teams app
- How to configure Bot capability within your Teams app
- How to configure Message Extension capability within your Teams app
Add Authentication to your app
- How to add single sign on in Teams Toolkit for Visual Studio Code
- How to enable Single Sign-on in Teams Toolkit for Visual Studio
Connect to cloud resources
- How to integrate Azure Functions with your Teams app
- How to integrate Azure API Management
- Integrate with Azure SQL Database
- Integrate with Azure Key Vault
Deploy apps to production