|
1 | 1 | ---
|
2 | 2 | title: Build Microsoft Teams tab using SharePoint Framework - Tutorial
|
3 | 3 | description: Tutorial on how to build Microsoft Teams tabs using SharePoint Framework. Capability was released to general availability in SharePoint Framework v1.8.
|
4 |
| -ms.date: 08/19/2020 |
| 4 | +ms.date: 03/30/2021 |
5 | 5 | ms.prod: sharepoint
|
6 | 6 | localization_priority: Priority
|
7 | 7 | ---
|
@@ -191,45 +191,45 @@ At this point, the web part is deployed and is automatically available cross the
|
191 | 191 | To make your web part available in Microsoft Teams, you'll have synchronize your solution with teams.
|
192 | 192 |
|
193 | 193 | > [!NOTE]
|
194 |
| -> In this tutorial, we're using the automatic deployment option for the solution from the SharePoint app catalog. You can also perform these steps manually, if you want to provide alternative settings for your solutions. For more information, see: [Create Microsoft Teams manifest manually for a web part and deploy it to Microsoft Teams](../guidance/creating-team-manifest-manually-for-webpart.md). |
| 194 | +> In this tutorial, we're using the automatic deployment option for the solution from the SharePoint app catalog. For more information, see: [Deployment options for SharePoint Framework solutions for Microsoft Teams](../../deployment-spfx-teams-solutions.md). |
195 | 195 |
|
196 | 196 | 1. Select the **teams-tab-client-side-solution** package in the SharePoint tenant App Catalog and select the **Sync to Teams** button at in the ribbon in the **Files** tab.
|
197 | 197 |
|
198 | 198 | 
|
199 | 199 |
|
200 | 200 | 1. Confirm that you can see the status message on the top-right corner.
|
201 | 201 |
|
202 |
| -  |
| 202 | +  |
203 | 203 |
|
204 | 204 | > [!IMPORTANT]
|
205 | 205 | > If the synchronization isn't successful, please ensure that you have deleted possible previous version from the Microsoft Team App Catalog. This is the most common reason why the synchronization would fail as existing solution is not overridden currently.
|
206 | 206 |
|
207 | 207 | 1. Move to the Microsoft Teams side and check the App Catalog status by selecting **Apps** from the left navigation
|
208 | 208 |
|
209 |
| -  |
| 209 | +  |
210 | 210 |
|
211 | 211 | 1. Wait until your tenant-specific apps selection is visible:
|
212 | 212 |
|
213 |
| -  |
| 213 | +  |
214 | 214 |
|
215 | 215 | > [!NOTE]
|
216 | 216 | > This can take few minutes based due to caching.
|
217 | 217 |
|
218 | 218 | 1. Confirm that you can see **MyFirstTeamsTab** app in the catalog:
|
219 | 219 |
|
220 |
| -  |
| 220 | +  |
221 | 221 |
|
222 | 222 | > [!NOTE]
|
223 | 223 | > This can take few minutes based due to caching.
|
224 | 224 |
|
225 | 225 | 1. Move to a channel in a team where you want to test the solution. In the below picture, we have activated **General** channel in **Team**:
|
226 | 226 |
|
227 |
| -  |
| 227 | +  |
228 | 228 |
|
229 | 229 | 1. Select **+** to add a new tab on the channel.
|
230 | 230 | 1. Select your custom tab called **MyFirstTeamTab** in the list. You can use the search capability if needed to find your custom tab:
|
231 | 231 |
|
232 |
| -  |
| 232 | +  |
233 | 233 |
|
234 | 234 | 1. Select **Add** to confirm the tab to be selected.
|
235 | 235 | 1. Select **Save** to confirm the tab to be installed on the channel:
|
|
0 commit comments