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 Feature][Store install flow image update-5][3733098] #11560

Open
wants to merge 11 commits into
base: main
Choose a base branch
from
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.
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.
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 @@ -23,9 +23,12 @@ The command bot template is built using the TeamsFx SDK, which provides a simple

## Command bot installation

A command bot needs to be installed into a team, or a group chat, or as personal app, depending on the required scope. You need to select the installation target before adding the bot to your app.
A command bot needs to be installed into a team, or a group chat, or as personal app, depending on the required scope. During installation, you can select the scope where you want to add and use the bot.

:::image type="content" source="../../../assets/images/command-bot-teams/commandbot-installation.png" alt-text="installation option selection":::
* To open the bot in personal scope, select **Open**.
* To open the bot in a shared scope, select the particular channel or chat or meeting from the list, and move through the dialog to select **Go**.

:::image type="content" source="../../../assets/images/command-bot-teams/commandbot-installation.png" alt-text="Screenshot of the scope selection dialog to add installation scope.":::

For more install options, see [configure default install options](../../../concepts/deploy-and-publish/apps-publish-overview.md#configure-default-install-options).
For uninstalling, see [remove an app from Teams](https://support.microsoft.com/en-us/office/remove-an-app-from-teams-0bc48d54-e572-463c-a7b7-71bfdc0e4a9d).
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -101,9 +101,12 @@ for (const target of await notificationApp.notification.installations()) {

## Notification bot installation

A notification bot needs to be installed into a team, or a group chat, or as personal app, depending on the required scope. You need to select the installation target before adding the bot to your app.
A notification bot needs to be installed into a team, or a group chat, or as personal app, depending on the required scope. During installation, you can select the scope where you want to add and use the bot.

:::image type="content" source="../../../assets/images/notification-bot/notification-installation-scope.png" alt-text="add installation scope":::
* To open the bot in personal scope, select **Open**.
* To open the bot in a shared scope, select the particular channel or chat or meeting from the list, and move through the dialog to select **Go**.

:::image type="content" source="../../../assets/images/notification-bot/notification-installation-scope.png" alt-text="Screenshot of the scope selection dialog to add installation scope.":::

For more install options, see [configure default install options](../../../concepts/deploy-and-publish/apps-publish-overview.md#configure-default-install-options).
For uninstalling, see [remove an app from Teams](https://support.microsoft.com/en-us/office/remove-an-app-from-teams-0bc48d54-e572-463c-a7b7-71bfdc0e4a9d).
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -80,9 +80,15 @@ Once the provisioning and deployment steps are complete:

:::image type="content" source="~/assets/images/teams-toolkit-v2/deploy-azure/launch-remote.png" alt-text="Screenshot shows the debug and launch app remotely.":::

1. Select **Add** or use the dropdown menu to add your bot app to a team, chat, or meeting.
1. Select **Add**.

:::image type="content" source="~/assets/images/teams-toolkit-v2/deploy-azure/add-mex-app.png" alt-text="Screenshot shows the app being installed in different scopes.":::
:::image type="content" source="~/assets/images/teams-toolkit-v2/deploy-azure/add-mex-app.png" alt-text="Screenshot of the app details dialog to add the app to Teams.":::

1. Select **Open** to open the app in personal scope.

Alternatively, you can either search and select the required scope or select a channel, chat, or meeting from the list, and move through the dialog to select **Go**.

:::image type="content" source="~/assets/images/teams-toolkit-v2/deploy-azure/add-scope.png" alt-text="Screenshot of the scope selection dialog with the list of shared scopes.":::

You successfully added your bot app to the Teams client.

Expand Down
16 changes: 14 additions & 2 deletions msteams-platform/sbs-gs-blazorupdate.yml
Original file line number Diff line number Diff line change
Expand Up @@ -204,7 +204,13 @@ items:

1. Select **Add** to install your app in Teams.

:::image type="content" source="../msteams-platform/assets/images/teams-toolkit-v2/blazor-vs-preview2/blazortabapp.png" alt-text="Screenshot shows BlazorApp local debug.":::
:::image type="content" source="../msteams-platform/assets/images/teams-toolkit-v2/blazor-vs-preview2/blazortabapp.png" alt-text="Screenshot of the app details dialog to add the tab app to Teams.":::

1. Select **Open** to open the app in personal scope.

Alternatively, you can either search and select the required scope or select a channel or chat from the list, and move through the dialog to select **Go**.

:::image type="content" source="../msteams-platform/assets/images/teams-toolkit-v2/blazor-vs-preview2/blazortabapp-scope.png" alt-text="Screenshot of the scope selection dialog with the list of shared scopes.":::

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

Expand Down Expand Up @@ -408,7 +414,13 @@ items:

1. Select **Add**.

:::image type="content" source="../msteams-platform/assets/images/teams-toolkit-v2/blazor-vs-preview2/add-bot.png" alt-text="Screenshot of Teams displaying the Add option for adding Blazor app. The Add option is highlighted in red.":::
:::image type="content" source="../msteams-platform/assets/images/teams-toolkit-v2/blazor-vs-preview2/add-bot.png" alt-text="Screenshot of the app details dialog to add the Blazor app.":::

1. Select **Open** to open the app in personal scope.

Alternatively, you can either search and select the required scope or select a channel, chat, or meeting from the list, and move through the dialog to select **Go**.

:::image type="content" source="../msteams-platform/assets/images/teams-toolkit-v2/blazor-vs-preview2/add-bot-scope.png" alt-text="Screenshot of the scope selection dialog with the list of shared scopes.":::

Now the bot is successfully running on Teams! After the app is loaded, a chat session with the bot opens.

Expand Down
10 changes: 8 additions & 2 deletions msteams-platform/sbs-gs-bot.yml
Original file line number Diff line number Diff line change
Expand Up @@ -284,9 +284,15 @@ items:

1. Sign in with your Microsoft 365 account, if prompted.

1. Select **Add** when prompted to upload the custom bot app onto Teams on your local machine or use the dropdown menu to add your bot app to a team, chat, or meeting.
1. Select **Add** when prompted to upload the custom bot app to Teams.

:::image type="content" source="../msteams-platform/assets/images/teams-toolkit-v2/first-bot/add-bot-app-local-debug.png" alt-text="Screenshot shows the bot is being added on Teams client.":::
:::image type="content" source="../msteams-platform/assets/images/teams-toolkit-v2/first-bot/add-bot-app-local-debug.png" alt-text="Screenshot of the app details dialog to add the bot app to Teams.":::

1. Select **Open** to open the app in personal scope.

Alternatively, you can either search and select the required scope or select a channel, chat, or meeting from the list, and move through the dialog to select **Go**.

:::image type="content" source="../msteams-platform/assets/images/teams-toolkit-v2/first-bot/add-bot-scope.png" alt-text="Screenshot of the scope selection dialog with the list of shared scopes.":::

Now the bot is successfully running on Teams! After the app is loaded, a chat session with the bot opens.

Expand Down
10 changes: 8 additions & 2 deletions msteams-platform/sbs-gs-commandbot.yml
Original file line number Diff line number Diff line change
Expand Up @@ -107,9 +107,15 @@ items:

:::image type="content" source="../msteams-platform/assets/images/sbs-command-bot/debug-app.png" alt-text="Screenshot shows the debugging application.":::

1. Select **Add** or use the dropdown menu to add your command bot app to a team, chat, or meeting.
1. Select **Add**.

:::image type="content" source="~/assets/images/sbs-command-bot/app-cloud-output.png" alt-text="Screenshot shows the app cloud output.":::
:::image type="content" source="~/assets/images/sbs-command-bot/app-cloud-output.png" alt-text="Screenshot of the app details dialog to add the command bot app.":::

1. Select **Open** to open the app in personal scope.

Alternatively, you can either search and select the required scope or select a channel, chat, or meeting from the list, and move through the dialog to select **Go**.

:::image type="content" source="~/assets/images/sbs-command-bot/add-scope.png" alt-text="Screenshot of the scope selection dialog with the list of shared scopes.":::

1. Select the **command bot**.

Expand Down