Set up your dev environment for extending Teams apps across Microsoft 365

The development environment for extending Teams apps across Microsoft 365 is similar to Microsoft Teams development. This article discusses specific configurations required to run preview builds of Microsoft Teams and Microsoft 365 applications in order to preview Teams apps running in Outlook and Microsoft 365 app.

To set up your development environment:

Prepare a Developer Tenant for testing

You need a Microsoft 365 developer subscription sandbox tenant to set up your dev environment. If you don't already have one, create a sandbox tenant or get a test tenant through your organization.

Note

As you set up for testing, ensure that you sign out of all other accounts and sign in with the account you intend to use for testing.

You also need to enable sideloading for your tenant:

  1. Sign in to Teams admin center with your test tenant credentials.

  2. Go to Teams apps > Manage apps.

  3. At the top right, select Org-wide app settings.

  4. Under Custom apps, turn on the Interaction with custom apps toggle and Save.

    The screenshot is an example that enables sideloading for custom apps from the Teams Admin Center

  5. Apart from Org-wide app settings, custom app policy settings also allow users to upload custom apps to Teams. For more information, see manage custom app policies and settings.

  6. In the Teams admin center, go to Teams apps > Setup policies, and then select Global (Org-wide default) policy.

  7. Turn on Upload custom apps, and select Save.

Enroll your developer tenant for Microsoft 365 Targeted Releases

Important

It can take up to five days after creating a Microsoft 365 developer sandbox tenant and enrolling in Microsoft 365 Targeted Releases for sideloaded Teams apps to appear in Outlook and Microsoft 365 app.

To enroll your test tenant for Microsoft 365 Targeted Releases:

  1. Sign in to Microsoft 365 admin center with your test tenant credentials.

  2. Go to Settings > Org Settings > Organization profile.

  3. Select Release preferences.

  4. Select any Targeted Release preference:

    1. Targeted Release for everyone
    2. Targeted Release for select users

    The screenshot is an example that shows the Microsoft 365 admin center 'Release preferences' menu with Targeted Release option selected.

  5. Select Save.

For more information on Microsoft 365 release options, see set up the Standard or Targeted Release options in Microsoft 365 admin center help.

Install Microsoft 365 apps in your test environment

Desktop

You can preview Teams apps running in Outlook on Windows desktop by using a recent Beta Channel build. Check if you have to change the Microsoft 365 Apps update channel for your test tenant to install a Microsoft 365 Beta Channel build.

To install Microsoft 365 Beta Channel applications in your test environment:

  1. Sign in to your test environment with your test tenant credentials.

  2. Download and run the Office Deployment Tool.

  3. Select a local folder to store the extracted files.

  4. Go to the local folder and open configuration-Office365-x86.xml (or *x64.xml, depending on your environment) in a text editor and update the Channel value to BetaChannel.

  5. Open Command Prompt and go to the local folder path.

  6. Run setup.exe /configure configuration-Office365-x86.xml (or use the *x64.xml file, depending on your setup).

  7. Open Outlook (desktop client) and set up the mail account using your test tenant credentials.

  8. Open File > Office Account > About Outlook to confirm you're running a Microsoft 365 Beta Channel build of Outlook.

    The screenshot is an example that shows about Outlook to verify that you're running a Beta Channel build.

  9. Verify that Microsoft Edge WebView2 Runtime is installed. Open Windows Start > Apps & features, and search for webview:

    The screenshot is an example that shows the search field in your Windows settings.

    If it's not listed, install Microsoft Edge WebView2 to your test environment.

Mobile

You can preview Teams personal tabs running in Microsoft 365 app for Android by joining the beta program.

To install the latest Microsoft 365 app beta, build to your physical Android device or Android emulator:

  1. Ensure you use a Google Play supported Android device.

  2. Launch the Play Store on your Android device.

  3. Search for "Office" and select Office (Microsoft 365).

  4. Select the Install button.

    The screenshot is an example that shows the install button for the Office (Microsoft 365) app in Google Play Store.

  5. Select Join under Join the beta section after the installation completes.

    The screenshot is an example that shows the Join the beta screen.

  6. Launch the Microsoft 365 app and sign in with your test tenant credentials.

  7. Open your profile (Me) > Settings and scroll to the bottom of the menu.

  8. Ensure you use Microsoft 365 app version 16.0.15726.20000 or higher for Android.

Install Visual Studio Code and Teams Toolkit extension

Optionally, you can use Visual Studio Code to extend Teams apps into Microsoft 365 and Outlook.

The extension Teams Toolkit for Visual Studio Code (v2.10.0 or later) provides commands that can help modify your existing Teams code to be compatible with Outlook and Microsoft 365. For more information, see enable Teams personal tab for Microsoft 365 and Outlook.

Next step

Create or update a Teams app to run across Microsoft 365:

See also

Extend Teams apps across Microsoft 365