You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
1. Select **Download app**. Power Apps will then generate your Teams manifest file using the app description and logo you've already set in your app.
52
+
1. Select **Add to Teams**and you'll be asked to open Teams.
56
53
57
-
1. Save the downloaded file.
54
+
:::image type="content" source="media/embed-teams-app/add-to-teams-button.png" alt-text="Add to Teams button.":::
58
55
59
-
## Add the app as a personal app
56
+
> [!TIP]
57
+
> If you want, you can also choose **Download app** to download the app, and then use the steps described in [Upload your app in Microsoft Teams](/microsoftteams/platform/concepts/deploy-and-publish/apps-upload) article to upload the app to Teams.
60
58
61
-
1.To add the app as a personal app or as a tab to any channel or conversation, select **Apps**in the left navigation and then select **Upload a custom app**.
59
+
1.Select **Open Microsoft Teams** to open Teams app, or select **Cancel**followed by **Use the web app instead** to open Teams web.
62
60
63
-
> [!NOTE]
64
-
> The **Upload a custom app** only appears if your Teams administrator has created a [custom app policy](/microsoftteams/teams-app-setup-policies) and turned on **Allow uploading of custom apps**.
61
+
1. Select **Add**. You can also choose to add the app to a specific team using **Add to team**, or a specific chat using **Add to chat**.
62
+
63
+
:::image type="content" source="media/embed-teams-app/add-to-teams-in-teams.png" alt-text="Add app to Teams, a team, or a chat.":::
64
+
65
+
The app is now added to Teams.
66
+
67
+
> [!TIP]
68
+
> You can also [pin the app](install-personal-app.md#pin-power-apps-to-teams) for easy access.
69
+
70
+
## Add to Teams using the web player
65
71
66
-

72
+
You can also add canvas apps to Teams using the web player. There are two ways to run a canvas app using the web player.
67
73
68
-
2. Select **Add** to add the app as a personal app or select **Add to team** to add the app as a tab within an existing channel or conversation.
74
+
1. Go to [Power Apps](https://make.powerapps.com) > **Apps** > select the app to launch in a new browser tab.
75
+
1.[Edit the app](../maker/canvas-apps/edit-app.md) > select  or press **F5** to play the app.
76
+
77
+
After the app is open using the web player, choose the **Add to Teams** button from the top-right side of the screen.
78
+
79
+
:::image type="content" source="media/embed-teams-app/add-to-teams-web-player.png" alt-text="Add app to Teams using web player.":::
80
+
81
+
When prompted, select **Open Microsoft Teams** to open Teams app, or select **Cancel** followed by **Use the web app instead** to open Teams web. And then, select **Add** to add the app to Teams.
82
+
83
+
You can also choose to add the app to a specific team using **Add to team**, or a specific chat using **Add to chat**.
69
84
70
85
## Publish the app to the Teams catalog
71
86
@@ -124,18 +139,18 @@ The following context variables from Teams are supported:
124
139
125
140
You can optionally preload your app within Teams to increase performance.
126
141
127
-
1. Sign in to [make.powerapps.com](https://make.powerapps.com), and then select **Apps** in the menu.
142
+
1. Sign in to [Power Apps](https://make.powerapps.com), and then select **Apps** in the menu.
128
143
129
144
2. Select **More actions** (...) for the app you want to share in Teams, and then select **Settings**.
130
145
131
146
3. In the Settings panel, toggle **Preload app for enhanced performance** to **Yes**. App will then pre-load whenever embedded in Teams.
132
147
133
-

148
+
:::image type="content" source="media/embed-teams-app/preload-app.png" alt-text="Preload app for enhanced performance.":::
134
149
135
150
4. For the changes to take effect, remove and add your app into Teams again.
136
151
137
-
> [!NOTE]
138
-
> This allows users to download the compiled app while authentication is in progress for embedded scenarios. However, the users can run your app only after successful authentication. This behavior ensures that your app data won't be available to unauthenticated users. Information in the compiled app includes—a collection of JavaScript files containing text authored in app controls, media assets (such as images), the app name, and the environment URL the app resides in.
152
+
> [!NOTE]
153
+
> This allows users to download the compiled app while authentication is in progress for embedded scenarios. However, the users can run your app only after successful authentication. This behavior ensures that your app data won't be available to unauthenticated users. Information in the compiled app includes—a collection of JavaScript files containing text authored in app controls, media assets (such as images), the app name, and the environment URL the app resides in.
Copy file name to clipboardExpand all lines: powerapps-docs/teams/embed-teams-tab.md
+1-1Lines changed: 1 addition & 1 deletion
Original file line number
Diff line number
Diff line change
@@ -23,7 +23,7 @@ contributors:
23
23
24
24
# Embed a canvas app as tab app in Teams
25
25
26
-
You can customize the Teams experience by adding Power Apps canvas apps to your channels in Teams using the **PowerApps** tab. In this topic, you learn how to add the Product Showcase sample app to a Teams channel, and then open the app from that channel.
26
+
You can customize the Teams experience by adding Power Apps canvas apps to your channels in Teams using the **Power Apps** tab. In this topic, you learn how to add the Product Showcase sample app to a Teams channel, and then open the app from that channel.
27
27
28
28

0 commit comments