Exercise - Publish your Teams tab app

Completed

In this exercise, you learn how to publish your app to the organization store.

Publish your app to the store

  1. In Visual Studio Code, on the Activity Bar, select the Microsoft Teams icon to open the Teams Toolkit panel.

    Screenshot of the Teams Toolkit panel open and the Publish to Teams option highlighted.

  2. On the Teams Toolkit panel, under Lifecycle, select Publish.

  3. A dialog indicates that the app has been successfully published to the Microsoft Teams admin portal.

    In the dialog, select Go to admin portal to open the Microsoft Teams admin center.

    Screenshot of toast message when app is published to the organization store.

    Screenshot of the Teams admin center.

  4. In the Teams admin center, in the Search by name box, enter hello-tab to filter the list of apps. Then select the app to view the app details.

    Screenshot that shows searching for the app in the Teams admin center.

  5. On the hello-tab app details panel, select Publish.

    Screenshot of publishing the app in the Teams admin center.

  6. In the Publish your custom app? dialog, select Publish.

    A green banner indicates that the hello-tab app has been published.

    Screenshot of a published app green banner in the Teams admin center.

Now that your app is published in the organization store, open Microsoft Teams and install the app from the organization store.

Install the app from the store

  1. In Microsoft Teams, go to Apps to view the organization store. Under Built for your org, select the hello-tab tile.

    Screenshot of the organization store with the hello-tab app highlighted.

  2. In the app installation dialog, select Add.

    Screenshot that shows adding an app in Microsoft Teams.

The app opens, and the message Your app is running in your Azure environment appears.

Screenshot of an app running in Microsoft Teams.