Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Doc Improvement][Store install flow changes part 3][3733098] #11561

Open
wants to merge 16 commits into
base: main
Choose a base branch
from
Open
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified msteams-platform/assets/images/deeplink-chat.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
Expand Up @@ -435,11 +435,10 @@ and when for these, and just reference that from here, along with the set of ste
1. In the left panel, at the bottom, select the **Apps icon**.
1. In the right panel, at the bottom, select **Upload a custom app**.
1. Go to the `TeamsAppManifest` folder and upload the zipped manifest.
The following window appears:
1. Select **Add** when prompted to install the app to teams.

:::image type="content" source="../../../assets/images/authentication/auth-bot-teams-upload.png" alt-text="Screenshot shows an example of the bot after it's uploaded into Teams.":::
:::image type="content" source="../../../assets/images/authentication/auth-bot-add.png" alt-text="Screenshot of TeamsBotAuth app installation with Add option highlighted.":::

1. Select the **Add to a team** button.
1. In the next window, select the team where you want to use the bot.
1. Select the **Set up a bot** button.
1. Select the three dots (●●●) in the left panel. Then select the **Developer Portal** icon.
Expand Down
2 changes: 1 addition & 1 deletion msteams-platform/concepts/build-and-test/deep-links.md
Original file line number Diff line number Diff line change
Expand Up @@ -33,7 +33,7 @@ You can use deep links in Teams in the following ways:

* **Deep link to teams and channels**: Use a deep link to navigate to a particular team or channel. For more information, see [deep link to a channel](~/concepts/build-and-test/deep-link-teams.md).

:::image type="content" source="~/assets/images/deeplink-teams-and-channels.gif" alt-text="Graphical representation shows the user experience of deep links in channel.":::
:::image type="content" source="~/assets/images/deeplink-teams-and-channels.gif" alt-text="Graphical representation that shows the user experience of deep links in group chat.":::

* **Deep link to a workflow**: Use a deep link to create a new chat, open a scheduling dialog, or navigate to an audio-video call. App users can benefit from an improved app experience by utilizing simplified or automated user tasks. These tasks include initiating a new chat or scheduling a meeting that can be made easier by prepopulating the deep links with necessary parameters.

Expand Down
18 changes: 13 additions & 5 deletions msteams-platform/tabs/how-to/create-channel-group-tab.md
Original file line number Diff line number Diff line change
Expand Up @@ -416,7 +416,7 @@ Ensure that you keep the command prompt with ngrok running and make a note of th

1. Select **Preview in Teams** from the Developer Portal toolbar, Developer Portal informs you that your custom app is uploaded successfully. The **Add** page appears for your app in Teams.

1. Select **Add to team** to Set up the tab in a team. Configure your tab and select **Save**. Your tab is now available in Teams.
1. Select **Add** and select a channel, chat or meeting to Set up the tab in a team. Configure your tab and select **Save**. Your tab is now available in Teams.

:::image type="content" source="~/assets/images/tab-images/channel-tab-aspnet-uploaded.png" alt-text="Screenshot shows that the channel tab is uploaded.":::

Expand Down Expand Up @@ -631,7 +631,7 @@ Ensure that you keep the command prompt with ngrok running and make a note of th

1. Select **Preview in Teams** from the Developer Portal toolbar, Developer Portal informs you that your custom app is uploaded successfully. The **Add** page appears for your app in Teams.

1. Select **Add to team** to Set up the tab in a team. Configure your tab and select **Save**. Your tab is now available in Teams.
1. Select **Add** select a channel, chat or meeting to Set up the tab in a team. Configure your tab and select **Save**. Your tab is now available in Teams.

:::image type="content" source="~/assets/images/tab-images/channel-tab-aspnet-uploaded.png" alt-text="Screenshot shows that the channel tab is uploaded in Teams.":::

Expand Down Expand Up @@ -892,9 +892,13 @@ To build and run your app:

Teams is loaded in a web browser.

1. Select **Add to a team** when prompted to install the app to Teams.
1. Select **Add** when prompted to install the app to Teams.

:::image type="content" source="../../assets/images/teams-toolkit-v2/blazor-vs-preview2/blazor-add-app_2.png" alt-text="Screenshot of blazor app installation with Add option highlighted.":::

:::image type="content" source="../../assets/images/teams-toolkit-v2/blazor-vs-preview2/blazor-add-app_2.png" alt-text="Screenshot shows the option to add your blazor app to a team.":::
1. Select a channel or chat for collaborative use and move through the dialog to select **Go**.

:::image type="content" source="../../assets/images/teams-toolkit-v2/blazor-vs-preview2/blazor-app-scope.png" alt-text="Screenshot of blazor app with shared scope options.":::

Congratulations, your first tab app is running in your local environment!

Expand Down Expand Up @@ -996,7 +1000,11 @@ You've learned to create, build, and run Teams app with tab capability. The foll

1. Select **Add** when prompted to install the app to Teams.

:::image type="content" source="../../assets/images/teams-toolkit-v2/blazor-vs-preview2/blazor-add-app.PNG" alt-text="Screenshot shows the option to add your Blazor app in Teams.":::
:::image type="content" source="../../assets/images/teams-toolkit-v2/blazor-vs-preview2/blazor-add-app_2.png" alt-text="Screenshot of Blazor app installation with Add option highlighted.":::

1. Select a channel or chat for collaborative use and move through the dialog to select **Go**.

:::image type="content" source="../../assets/images/teams-toolkit-v2/blazor-vs-preview2/blazor-app-scope.png" alt-text="Screenshot of Blazor app with chat or channel scope options.":::

Congratulations, your first tab app is running in your Azure environment!

Expand Down
9 changes: 6 additions & 3 deletions msteams-platform/toolkit/test-app-behavior.md
Original file line number Diff line number Diff line change
Expand Up @@ -46,10 +46,13 @@ You can upload your custom app to a team, chat, meeting, or for personal use dep

1. Add your app to Teams as per your requirement:

1. Select **Add** to add your personal app.
1. Use the dropdown menu to add your app to a Team or chat.
1. Select **Add** to install and add your personal app to Teams.

:::image type="content" source="~/assets/images/publish-app/teams-app-detail.png" alt-text="Screenshot of custom app installation to Teams with Add option highlighted.":::

:::image type="content" source="~/assets/images/publish-app/teams-app-detail.png" alt-text="Screenshot shows the App description.":::
1. Select **Open** to use the app in personal scope.<br> Alternatively, select a channel or chat for collaborative use and move through the dialog to select **Go**. <br>

:::image type="content" source="~/assets/images/publish-app/teams-app-scope.png" alt-text="Screenshot of custom app displaying the scopes on how the app can be used. The displayed options are open and select a channel or chat.":::

You can test your Teams app after integrating with Teams. To test your Teams app, you need to create at least one workspace in your environment. You can use Microsoft Teams Toolkit for testing your Teams app:

Expand Down