| Service | Microsoft Docs article | Related commit history on GitHub | Change details |
|---|---|---|---|
| platform | Extend M365 Teams Message Extension | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/m365-apps/extend-m365-teams-message-extension.md | Title: Extend a Teams messaging extension across Microsoft 365 description: Here's how to update your search-based Teams messaging extension to run in Outlook Previously updated : 11/15/2021 Last updated : 02/11/2022 You're now ready to test your messaging extension running in Outlook on Windows As you test your messaging extension, you can identify the source (originating from Teams versus Outlook) of bot requests by the [channelId](https://github.com/Microsoft/botframework-sdk/blob/main/specs/botframework-activity/botframework-activity.md#channel-id) of the [Activity](https://github.com/Microsoft/botframework-sdk/blob/main/specs/botframework-activity/botframework-activity.md) object. When a user performs a query, your service receives a standard Bot Framework `Activity` object. One of the properties in the Activity object is `channelId`, which will have the value of `msteams` or `outlook`, depending from where the bot request originates. For more, see [Search based messaging extensions SDK](/microsoftteams/platform/resources/messaging-extension-v3/search-extensions). +### Outlook on the web ++To preview your app running in Outlook on the web: ++1. Log in to [outlook.com](https://www.outlook.com) using credentials for your test tenant. +1. Click on **New message**. +1. Open the **More apps** flyout menu on the bottom of the composition window. ++Your messaging extension will be listed. You can invoke it from there and use it just as you would while composing a message in Teams. + ### Outlook -To preview your app running in Outlook on Windows desktop, open Outlook logged in with credentials for your test tenant. Click on **New Email**. Open the **More apps** flyout menu on the top ribbon. Your messaging extension will be listed. You can invoke it from there and use it just as you would while composing a message in Teams. +> [!IMPORTANT] +> Refer to the latest updates on [Microsoft Teams - Microsoft 365 Developer Blog](https://devblogs.microsoft.com/microsoft365dev/) to check if Outlook on Windows desktop support for Teams personal apps is available to your test tenant. -### Outlook on the web +To preview your app running in Outlook on Windows desktop: ++1. Launch Outlook logged in with credentials for your test tenant. 1. Click on **New Email**. +1. Open the **More apps** flyout menu on the top ribbon. -To preview your app running in Outlook on the web, log in to [outlook.com](https://www.outlook.com) using credentials for your test tenant. Click on **New message**. Open the **More apps** flyout menu on the bottom of the composition window. Your messaging extension will be listed. You can invoke it from there and use it just as you would while composing a message in Teams. +Your messaging extension will be listed. You can invoke it from there and use it just as you would while composing a message in Teams. ## Next steps |
| platform | Extend M365 Teams Personal Tab | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/m365-apps/extend-m365-teams-personal-tab.md | Title: Extend a Teams personal tab app across Microsoft 365 description: Extend a Teams personal tab app across Microsoft 365 Previously updated : 11/15/2021 Last updated : 02/11/2022 ms.localizationpriority: medium When you upgrade your Teams personal tab and sideload it in Teams, it will also ### Outlook -To view your app running in Outlook on Windows desktop, launch Outlook and sign in using your dev tenant account. Click on the ellipses (**...**) on the side bar. Your sideloaded app title will appear among your installed apps. +To view your app running in Outlook on Windows desktop: +1. Launch Outlook and sign in using your dev tenant account. +1. Click on the ellipses (**...**) on the side bar. Your sideloaded app title will appear among your installed apps. +1. Click on your app icon to launch your app in Outlook. -Click on your app icon to launch your app in Outlook. ### Outlook on the web -To view your app in Outlook on the web, visit https://outlook.office.com and sign in using your dev tenant account. Click on the ellipses (**...**) on the side bar. Your sideloaded app title will appear among your installed apps. +To view your app in Outlook on the web: ++1. Navigate to https://outlook.office.com and sign in using your dev tenant account. +1. Click on the ellipses (**...**) on the side bar. Your sideloaded app title will appear among your installed apps. +1. Click on your app icon to launch and preview your app running in Outlook on the web. :::image type="content" source="images/outlook-web-more-apps.png" alt-text="Click on the ellipses ('More apps') option on the side bar of outlook.com to see your installed personal tabs"::: -Click on your app icon to launch and preview your app running in Outlook on the web. +### Office ++To view your app running in Office on Windows desktop: ++1. Launch Office and sign in using your dev tenant account. +1. Click on the ellipses (**...**) on the side bar. Your sideloaded app title will appear among your installed apps. +1. Click on your app icon to launch your app in Office. + ### Office on the web -> [!IMPORTANT] -> Refer to the latest updates on [Microsoft Teams - Microsoft 365 Developer Blog](https://devblogs.microsoft.com/microsoft365dev/) to check if Office.com support for Teams personal apps is available to your test tenant. +To preview your app running in Office on the web: -To preview your app running in Office on the web, log into office.com with test tenant credentials. Click on the ellipses (**...**) on the side bar. Your sideloaded app title will appear among your installed apps. +1. Log into office.com with test tenant credentials. +1. Click on the ellipses (**...**) on the side bar. Your sideloaded app title will appear among your installed apps. +1. Click on your app icon to launch your app in Office on the web. -Click on your app icon to launch your app in Office Home. ## Next steps |
| platform | Overview | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/m365-apps/overview.md | Title: Extend Teams apps across Microsoft 365 (preview) description: Extend your Teams app experiences to other high-usage areas of Microsoft 365 Previously updated : 11/15/2021 Last updated : 02/11/2022 ms.localizationpriority: medium With this preview, you can extend a Teams personal tab application to run in bot After sideloading to Teams, your personal tab appears as one of your installed apps in Outlook and Office. ## Teams messaging extensions in Outlook With this preview, you can extend your search-based Teams messaging extensions t After sideloading to Teams, your messaging extension appears as one of your installed apps within the Outlook compose message area. --## Next step +## Next steps Set up your dev environment for extending Teams apps across Microsoft 365: |
| platform | Prerequisites | https://github.com/MicrosoftDocs/msteams-docs/commits/main/msteams-platform/m365-apps/prerequisites.md | Title: Set up your dev environment for extending Teams apps across Microsoft 365 description: Here are the prerequisites for extending your Teams apps across Microsoft 365 Previously updated : 11/15/2021 Last updated : 02/11/2022 # Set up your dev environment for extending Teams apps across Microsoft 365 To install Office 365 Beta Channel applications in your test environment: If the build number is **14416** or higher and the channel is *Beta Channel*, you're running Microsoft 365 beta Channel build. 1. In the top-right corner, turn on the **Coming Soon** toggle. - :::image type="content" source="images/outlook-coming-soon.png" alt-text="More Apps"::: + :::image type="content" source="images/outlook-coming-soon.png" alt-text="'Coming Soon' toggle option in Outlook"::: > [!NOTE] > You may need to close Outlook and restart your computer for the *Coming Soon* button to appear. You can verify test tenant support for your tenant account: -* For Teams personal tabs running on office.com, outlook.com, and Outlook for Windows desktop, sign in with your test tenant credentials and check for ellipses (**...**) option on the lower left pane. +* For Teams personal tabs running on office.com, outlook.com, and Outlook for Windows desktop, sign in with your test tenant credentials and check for ellipses (**...**) option on the left sidebar of Office or Outlook. - :::image type="content" source="images/outlook-desktop-ellipses.png" alt-text="Ellipses" lightbox="images/outlook-desktop-ellipses.png"::: + :::image type="content" source="images/outlook-desktop-ellipses.png" alt-text="Ellipses ('...') option on the left sidebar of Outlook"::: -* For messaging extensions in outlook.com and Outlook for Windows, check for **More Apps** option in the Outlook compose message ribbon. +* For messaging extensions in outlook.com and Outlook for Windows, check for **More Apps** option at the bottom of the Outlook compose message pane. ++ :::image type="content" source="images/outlook-web-compose-more-apps.png" alt-text="'More apps' option in the Outlook compose message pane"::: > [!NOTE] > If you're opted in to Beta Channel releases but you don't see these ellipses options, it's likely that preview feature support is in the process of rolling out to your tenant. For the latest updates, see [Microsoft Teams Developer Blog](https://devblogs.microsoft.com/microsoft365dev/). Ensure that you switch to the [Public Developer Preview](../resources/dev-previe 1. From the ellipsis (**...**) menu next to your user profile, select **About** > **Developer preview**. A dialog appears, select **Switch to developer preview**. 1. After the Teams app restarts, go to the ellipsis (**...**) menu next to your user profile and check if **Developer Preview** is selected. - :::image type="content" source="images/teams-dev-preview.png" alt-text="Public developer preview" lightbox="images/teams-dev-preview.png"::: + :::image type="content" source="images/teams-dev-preview.png" alt-text="Public developer preview option in Teams"::: ## Install Visual Studio Code and Teams Toolkit Preview extension The extension [Teams Toolkit for Visual Studio Code](https://aka.ms/teams-toolki ## Next steps - [Enable a Teams personal tab for Office and Outlook](extend-m365-teams-personal-tab.md)-- [Enable a Teams messaging extension for Outlook](extend-m365-teams-message-extension.md)+- [Enable a Teams messaging extension for Outlook](extend-m365-teams-message-extension.md) |