Начало работы на платформе Microsoft Teams с C#/.нет и App StudioGet started on the Microsoft Teams platform with C#/.NET and App Studio

Платформа для разработчиков Microsoft Teams позволяет легко расширять Teams и самостоятельно интегрировать свои приложения и службы в рабочую область Teams.The Microsoft Teams developer platform makes it easy for you to extend Teams and integrate your own applications and services seamlessly into the Teams workspace. Затем эти приложения можно распространять на предприятие или в Teams по всему миру.These apps can then be distributed to your enterprise or for teams around the world.

Для расширения Microsoft Teams вам потребуется создать приложение Microsoft Teams.To extend Microsoft Teams, you will need to create a Microsoft Teams app. Приложение Microsoft Teams — это веб-приложение, которое вы размещаете.A Microsoft Teams app is a web application that you host. Затем это приложение можно интегрировать в рабочую область пользователя в Teams.This app can then be integrated into the user's workspace in Teams.

Это руководство поможет вам приступить к созданию приложения Microsoft Teams с помощью C# в .NET.This tutorial helps you get started creating a Microsoft Teams app using C# on .NET. Вы можете протестировать приложение, загрузив его в группу, для которой у вас есть разрешения, или в тестовый клиент, созданный с помощью программы разработчика Office.You can test the app by loading it into a Team that you have permissions for, or into a test tenant created using the Office Developer Program.

Подготовка среды разработкиPrepare your development environment

Первое, что нужно сделать, — подготовить среду разработки.The first thing you'll need to do is prepare your development environment. Необходимо убедиться в том, что для организации Office 365, в которой вы хотите создать приложение, включена специальная передача приложений.You'll need to make sure custom app uploading is enabled for the Office 365 organization you want to build your app in. Если вам нужен выделенный клиент разработки, вы можете зарегистрироваться в программе для разработчиков Office 365.If you need a dedicated development tenant, you can sign up for the Office 365 developer program. Дополнительные сведения см. в статье Настройка среды разработки.For additional information see Setup your development environment.

Получение необходимых компонентовGet prerequisites

Для выполнения этого руководства необходимо получить следующие инструменты:To complete this tutorial, you need to get the following tools:

Если вы видите параметр, который будет добавлен git к пути во время установки, нажмите эту кнопку.If you see an option to add git to the PATH during installation, choose to do so. Это будет удобно.It will be handy.

Проверьте git установку, выполнив следующую команду в окне терминала:Verify your git installation by running the following in a terminal window:

Примечание

Используйте окно терминала, наиболее удобное для вашей платформы.Use the terminal window that you are most comfortable with on your platform. В этих примерах используется bash, но они будут выполняться на большинстве платформ.These examples use Bash, but will run on most platforms.

$ git --version
git version 2.17.1.windows.2

Обязательно запустите последнюю версию Visual Studio и установите все обновления, если они отображаются.Make sure to launch the latest version of Visual Studio and install any updates if shown.

Вы можете продолжить использование этого окна терминала для выполнения команд, приведенных в этом руководстве.You can continue to use this terminal window to run the commands that follow in this tutorial.

Скачать примерDownload the sample

Мы предоставили простой Hello, World!We have provided a simple Hello, World! Пример в C#, чтобы приступить к работе.sample in C# to get you started. В окне терминала выполните приведенную ниже команду, чтобы клонировать репозиторий примера на локальный компьютер.In a terminal window, run the following command to clone the sample repository to your local machine:

git clone https://github.com/OfficeDev/msteams-samples-hello-world-csharp.git

Совет

Вы можете разветвление этого репозитория , если вы хотите изменить и вернуть изменения в GitHub для дальнейшего использования.You can fork this repo if you want to modify and check in your changes to GitHub for future reference.

Сборка и запуск примераBuild and run the sample

После клонирования репозитория с помощью Visual Studio откройте файл решения Microsoft.Teams.Samples.HelloWorld.sln из корневого каталога примера и щелкните Build Solution в Build меню.Once the repo is cloned, use Visual Studio to open the solution file Microsoft.Teams.Samples.HelloWorld.sln from the root directory of the sample and click Build Solution from the Build menu. Вы можете запустить пример, нажав F5 или выбрав Start Debugging его в Debug меню.You can run the sample by pressing F5 or choosing Start Debugging from the Debug menu.

Когда приложение запустится, откроется окно браузера с корневым каталогом запущенного приложения.When the app starts, you will see a browser window open with the root of the app launched. Вы можете перейти по следующим URL-адресам, чтобы убедиться, что загружаются все URL-адреса приложений:You can navigate to the following URLs to verify that all the app URLs are loading:

Примечание

Если возникнет ошибка Could not find a part of the path … bin\roslyn\csc.exe , попробуйте обновить пакет с помощью команды Update-Package Microsoft.CodeDom.Providers.DotNetCompilerPlatform -r .If you receive an error like Could not find a part of the path … bin\roslyn\csc.exe, try updating the package with the command Update-Package Microsoft.CodeDom.Providers.DotNetCompilerPlatform -r. Для получения дополнительных сведений обратитесь к этому вопросу в сайте StackOverflow .See this question on StackOverflow for additional details.

Размещение примера приложенияHost the sample app

Помните, что приложения в Microsoft Teams представляют собой веб-приложения, которые предоставляют одну или несколько возможностей.Remember that apps in Microsoft Teams are web applications exposing one or more capabilities. Чтобы платформа Teams загружала приложение, ваше приложение должно быть достижимо из Интернета.For the Teams platform to load your app, your app must be reachable from the internet. Чтобы приложение было достижимо из Интернета, необходимо разместить приложение.To make your app reachable from the internet, you need to host your app. Вы можете разместить его в Microsoft Azure бесплатно или создать туннель для локального процесса на вашем компьютере для разработки с помощью ngrok .You can either host it in Microsoft Azure for free or create a tunnel to the local process on your development machine using ngrok. После завершения хостинга приложения запишите его корневой URL-адрес.When you finish hosting your app make a note of its root URL. Он будет выглядеть примерно так: https://yourteamsapp.ngrok.io или https://yourteamsapp.azurewebsites.net .It will look something like: https://yourteamsapp.ngrok.io or https://yourteamsapp.azurewebsites.net.

Туннелирование с помощью ngrokTunnel using ngrok

Для быстрого тестирования можно запустить приложение на локальном компьютере и создать для него туннель через конечную точку веб-сайта.For quick testing you can run the app on your local machine and create a tunnel to it through a web endpoint. ngrok — это бесплатный инструмент, который позволяет вам выполнить именно эту задачу.ngrok is a free tool that lets you do just that. С помощью ngrok вы можете получить веб-адрес, например https://d0ac14a5.ngrok.io (этот URL-адрес — это только пример).With ngrok you can get a web address such as https://d0ac14a5.ngrok.io (this URL is just an example). Вы можете скачать и установить ngrok для своей среды.You can download and install ngrok for your environment. Убедитесь, что вы добавляете его в папку PATH .Make sure you add it to a location in your PATH.

После установки можно открыть новое окно терминала и выполнить следующую команду для создания туннеля.Once you install it, you can open a new terminal window and run the following command to create a tunnel. В примере используется порт 3333, поэтому обязательно указывайте его здесь.The sample uses port 3333, so be sure to specify it here.

ngrok http 3333 -host-header=localhost:3333

Ngrok прослушивает запросы из Интернета и направляет их в ваше приложение, работающее на порте 3333.Ngrok will listen to requests from the internet and will route them to your app running on port 3333. Вы можете проверить его, открыв браузер и перейдя на https://d0ac14a5.ngrok.io/hello страницу приветствия приложения.You can verify by opening your browser and going to https://d0ac14a5.ngrok.io/hello to load your app's hello page. Обязательно используйте адрес пересылки, отображаемый в ngrok в сеансе консоли, а не этот URL-адрес.Please be sure to use the forwarding address displayed by ngrok in your console session instead of this URL.

Примечание

Если вы использовали другой порт в описанном выше шаге Build and run , убедитесь, что для установки туннеля используется тот же номер порта ngrok .If you have used a different port in the build and run step above, make sure you use the same port number to setup the ngrok tunnel.

Совет

Рекомендуется запустить ngrok в другом окне терминала, чтобы оно было запущено без конфликта с приложением, которое позднее потребуется остановить, перестроить и повторно запустить.It is a good idea to run ngrok in a different terminal window to keep it running without interfering with the app which you might later have to stop, rebuild and rerun. ngrokСеанс возвратит полезную информацию об отладке в этом окне.The ngrok session will return useful debugging information in this window.

Приложение будет доступно только в текущем сеансе на компьютере разработчика.The app will only be available during the current session on your development machine. Если компьютер выключен или перейдет в спящий режим, служба станет недоступна.If the machine is shut down or goes to sleep the service will no longer be available. Помните об этом при совместном использовании приложения для тестирования другими пользователями.Remember this when sharing the app for testing by other users. Если вам нужно перезапустить службу, она возвратит новый адрес, и вам потребуется обновить все место, где используется этот адрес.If you have to restart the service it will return a new address and you will have to update every place that uses that address. Платная версия Ngrok не имеет этого ограничения.The paid version of Ngrok does not have this limitation.

Узел в AzureHost in Azure

Microsoft Azure позволяет размещать приложение .NET на свободном уровне с использованием общей инфраструктуры.Microsoft Azure lets you host your .NET application on a free tier using shared infrastructure. Это достаточно для запуска этого Hello World примера.This will be sufficient to run this Hello World sample. Для получения дополнительных сведений ознакомьтесь со статьей Создание новой бесплатной учетной записи .See creating a new free account for more information.

В Visual Studio есть встроенная поддержка развертывания приложений для разных поставщиков, в том числе Azure.Visual Studio has built-in support for app deployment to different providers, including Azure.

Visual Studio

Обновление пакета приложения с помощью App StudioUse App Studio to update the app package

App Studio — это приложение Teams, которое можно установить из хранилища Teams.App Studio is a Teams app that you can install from the Teams store. Он упрощает создание и регистрацию приложения.It simplifies the creation and registration of an app.

Чтобы установить приложение App Studio в Teams, щелкните значок магазин приложений в нижней части левой панели и найдите приложение App Studio.To install App Studio in Teams, click on the app store icon at the bottom of the left hand bar, and search for App Studio.

Finding App Studio in the Store View

Найдя плитку для App Studio, щелкните ее и выберите пункт установить в появившемся диалоговом окне.Once you find the tile for App Studio, click on it and choose install in the dialog that pops up.

Installing App Studio

После установки App Studio щелкните вкладку редактор манифеста, чтобы приступить к созданию пакета приложения для приложения Teams.Once App Studio is installed click on the Manifest editor tab to begin creating the app package for your Teams app.

App Studio

Пример сопровождается собственным манифестом и предназначен для создания пакета приложения при построении проекта.The sample comes with its own pre-made manifest, and is designed to build an app package when the project is built. В .NET это делается в Visual Studio, а на узле JS это делается путем ввода в gulp командной строке корневого каталога проекта.On .NET this is done in Visual Studio, and on Node JS this is done by typing gulp at the command line in the root directory of the project.

$ gulp
[13:39:27] Using gulpfile ~\documents\github\msteams-samples-hello-world-nodejs\gulpfile.js
[13:39:27] Starting 'clean'...
[13:39:27] Starting 'generate-manifest'...
[13:39:27] Finished 'generate-manifest' after 11 ms
[13:39:27] Finished 'clean' after 21 ms
[13:39:27] Starting 'default'...
Build completed. Output in manifest folder
[13:39:27] Finished 'default' after 62 μs

Имя созданного пакета приложения — helloworldapp.zip.The name of the generated app package is helloworldapp.zip. Вы можете выполнить поиск этого файла, если расположение не было ясно в используемом средстве.You can search for this file if the location is not clear in the tool you are using.

В следующей части пошагового руководства вы собираетесь изменить этот пакет приложения, выбрав в редакторе манифеста Импорт имеющейся плитки приложения .In the next part of this walkthrough you are going to modify this app package by selecting the Import an existing app tile in the Manifest Editor.

Importing an existing app

После импорта пакета приложений приложение Studio Studio должно выглядеть следующим образом:Once the app package has been imported App Studio should look like this:

Importing the app package

Щелкните плитку для нового импортированного приложения Hello World.Click on the tile for your newly imported app, Hello World.

Newly imported app view

В левой части редактора манифеста есть список шагов, а в правом списке свойств, которые необходимо заполнить для каждого из этих шагов.There is a list of steps in the left-hand side of the Manifest editor, and on the right a list of properties that need to be filled in for each of those steps. С момента начала работы с примером приложения многие сведения уже заполнены. Дальнейшие действия помогут изменить те части, которые все еще нуждаются в обновлении.Since you started with a sample app, much of the information is already filled out. The next steps will walk you through changing the parts that still need to be updated.

Сведения о приложенииApp details

В разделе Details(сведения о приложении) щелкните запись сведения о приложении .Click on the App details entry under Details. Нажмите кнопку создать , чтобы создать новый идентификатор приложения.Click the Generate button to create a new app id.

Новый идентификатор приложения должен выглядеть примерно так: 2322041b-72bf-459d-b107-f4f335bc35bd .Your new app id should look something like: 2322041b-72bf-459d-b107-f4f335bc35bd.

Просмотрите остальные сведения о приложении в правой области и ознакомьтесь с некоторыми из таких записей, как сведения об авторе и фирменная символика.Look through the rest of the App details in the right hand pane, and familiarize yourself with some of the entries such as Developer information and Branding. Эти разделы важны, если вы пишете новое приложение для распространения.These sections are important if you are writing a new app for distribution.

Возможности: вкладкиCapabilities: Tabs

Вкладки находятся среди самых простых элементов, добавляемых в приложение Teams.Tabs are among the simplest elements to add to a Teams app. Пример приложения уже поддерживает несколько вкладок, и вы можете включить их следующим образом.The sample app already supports several tabs, and you can enable them as follows.

Вкладка "Группа"Team tab

Ваше приложение может иметь только одну вкладку группы.Your app can only have one Team tab.

Adding a Teams tab

В этом примере на вкладке Группа размещается страница настройки.In this sample, the Team tab is where your configuration page goes. Щелкните символ .. . в конце записи и выберите команду изменить в раскрывающемся списке.Click on the ... symbol at the end of the entry and choose Edit from the drop-down. Измените URL-адрес https://yourteamsapp.ngrok.io/configure , на который yourteamsapp.ngrok.io следует заменить URL-адрес, который использовался при размещении приложения.Change the URL to https://yourteamsapp.ngrok.io/configure where yourteamsapp.ngrok.io should be replaced by the URL that you used above when hosting your app.

Личные вкладкиPersonal tabs

Ваше приложение может иметь до 16 вкладок, в том числе вкладку "Группа".Your app can have up to 16 tabs, including the team tab.

Личные вкладки представлены по-разному на вкладке Группа. Вкладка Привет должна отображаться в списке личные вкладки.Personal tabs are represented differently from the team tab. You should see Hello Tab already listed in the personal tabs list. В данный момент он имеет значение заполнителя com.contoso.helloworld.hellotab .At the moment it has a placeholder value com.contoso.helloworld.hellotab. Щелкните символ .. . в конце записи и выберите команду изменить в раскрывающемся списке.Click on the ... symbol at the end of the entry and choose Edit from the drop-down. Появится следующее диалоговое окно.The following dialog will appear.

Adding a personal tab dialog

Существует два поля, которые необходимо обновить с помощью URL-адреса приложения.There are two fields that you need to update with your app URL.

  • Изменить URL-адрес контента на https://yourteamsapp.ngrok.io/helloChange Content URL to https://yourteamsapp.ngrok.io/hello
  • Измените URL-адрес веб-сайта на https://yourteamsapp.ngrok.io/helloChange Website URL to https://yourteamsapp.ngrok.io/hello

Где yourteamsapp.ngrok.io следует заменять на URL-адрес, который вы использовали при размещении приложения.Where yourteamsapp.ngrok.io should be replaced by the URL that you used above when hosting your app.

БотыBots

Боты — это наиболее распространенный способ добавления функциональных возможностей в приложение.Bots are the most common way to add functionality to your app. В примере Hello World уже есть Bot в составе примера, но он пока не зарегистрирован в Майкрософт.The hello world sample already has a bot as part of the sample, but it has not been registered with Microsoft yet.

Adding a bot

У ленты, импортированной из примера, нет идентификатора приложения, связанного с ним.The bot that was imported from the sample does not have an App ID associated with it yet. Вам потребуется создать новый робот, чтобы приложение App Studio могло создать новый идентификатор приложения и зарегистрировать его в корпорации Майкрософт.You will have to create a new bot so that App Studio can create a new App ID and register it with Microsoft. Обратите внимание, что это идентификатор приложения для Bot, который отличается от идентификатора приложения, созданного для приложения на предыдущем шаге.Note that this is the App ID for the bot, which is different from the App ID that we created for the app in a earlier step. Каждому интерфейсу Bot в приложении необходим свой идентификатор приложения.Each bot in an app requires its own App ID.

Нажмите кнопку Удалить рядом с импортированной страницей ленты в списке "bot".Click the delete button next to the Imported bot in the bot list.

Теперь нет Боты, оставшихся для отображения.Now there are no bots left to show. Нажмите кнопку Настройка.Click Setup. Отобразится диалоговое окно Настройка ленты .This will display the Set up a bot dialog.

Adding a bot dialog

Добавьте имя ленты Contoso bot , например, и выберите все три кнопки в области область.Add a bot name such as Contoso bot, and select all three buttons under scope.

Нажмите кнопку создать Bot , чтобы выйти из диалогового окна.Choose Create bot to exit the dialog. Приложение Studio Studio потратит время на регистрацию ленты в Майкрософт, а затем отобразит новый элемент Bot в списке "bot".App Studio will spend a moment registering your bot with Microsoft, and then should display your new bot in the bot list. Теперь самое время открыть текстовый файл в блокноте и скопировать и вставить в него новый идентификатор Bot.Now would be a good time to open a text file in notepad and copy and paste your new bot id into it. Этот идентификатор потребуется позже.You will need this id later.

Нажмите создать новый парольи запишите пароль в том же текстовом файле, в котором был указан идентификатор приложения для ленты.Click Generate New Password, and make a note of the password in the same text file you noted your Bot app ID in. Это единственный срок, в течение которого будет отображаться пароль, поэтому обязательно сделайте это сейчас.This is the only time your password will be shown, so be sure to do this now.

Измените адрес конечной точки ленты https://yourteamsapp.ngrok.io/api/messages , yourteamsapp.ngrok.io указав URL-адрес, который вы использовали при размещении приложения.Update the Bot endpoint address to https://yourteamsapp.ngrok.io/api/messages, where yourteamsapp.ngrok.io should be replaced by the URL that you used above when hosting your app.

Теперь рекомендуется сохранить текстовый файл, если это еще не сделано.Now would be a good time to save your text file if you have not done so already. Вы добавите эти сведения в размещенное приложение позже в этом пошаговом руководстве, которое позволит защитить связь с сервером Bot.You will add this information to your hosted app later in this walkthrough, which will allow secure communication with your bot.

расширения для обмена сообщениями;Messaging extensions

Расширения обмена сообщениями позволяют пользователям запрашивать информацию из вашей службы и отправлять эти сведения в форме карточек прямо в беседу канала.Messaging extensions let users ask for information from your service and post that information, in the form of cards, right into the channel conversation. Расширения обмена сообщениями отображаются в нижней части поля "создание".Messaging extensions appear along the bottom of the compose box.

Чтобы приступить к настройке расширения системы обмена сообщениями, щелкните ссылку расширения системы обмена сообщениями в разделе возможности в левом столбце приложения Studio.Click on Messaging extensions under Capabilities in the left hand column of App Studio to begin configuring the messaging extension.

Adding a messaging extension

Образец расширения обмена сообщениями отображается в области справа в разделе расширения обмена сообщениями.The sample messaging extension is listed in the right hand pane under Messaging Extensions. Нажмите кнопку Удалить еще раз, чтобы удалить эту запись, а затем нажмите кнопку настроить , чтобы выполнить те же действия, что и для Боты.Click Delete again to remove this entry, and then click the Set up button following the same steps as you followed for bots. Отобразится диалоговое окно расширения сообщения .This will display the Messaging Extension dialog.

Установите флажок использовать существующую вкладку ленты , а затем выберите один из существующих Боты.Select the Use existing bot tab, then Select from one of my existing bots. В раскрывающемся меню выберите элемент Bot, созданный в предыдущем разделе.In the drop-down menu, select the bot you created in the section above. Добавьте имя Bot и нажмите кнопку сохранить , чтобы закрыть диалоговое окно.Add a Bot name and click Save to close the dialog.

В разделе команда нажмите кнопку Добавить.Under the Command section, click Add. Мы добавим команду на основе поиска, поэтому выберите параметр Разрешить пользователям запрашивать службу... .We're adding a search-based command, so choose the Allow users to query your service... option.

В диалоговом окне Создание команды введите указанные ниже значения.In the New command dialog enter the following values.

В разделе Новая команда:Under New command:

  • Идентификатор команды = жетрандомтекстCommand ID = getRandomText
  • Title = получить некоторый произвольный текст для развлеченийTitle = Get some random text for fun
  • Description = получает произвольный текст и изображенияDescription = Gets some random text and images

В разделе параметр:Under Parameter:

  • Name = кардтитлеName = cardTitle
  • Title = название карточкиTitle = Card title
  • Description = название карты, которое будет использоватьсяDescription = Card title to use

После ввода данных нажмите кнопку сохранить , чтобы закрыть диалоговое окно.Once you're entered the information, click Save to close the dialog.

Регистрация приложения в TeamsRegister your app in Teams

Теперь вы ввели сведения о вашем приложении, но не можете выполнить два действия.You have now completed entering the details of your app, but two steps remain. Сначала необходимо использовать раздел "тестирование и распределение" приложения "App Studio", чтобы установить приложение в Teams, а затем необходимо обновить размещенное приложение с помощью идентификатора приложения и пароля для ленты.First you must use the Test and Distribute section of App Studio to install your app in Teams, and second you must update your hosted application with the App ID and password for your bot. Помните, что в примере предполагается использование одного и того же идентификатора и пароля приложения для почтового расширения Bot и сообщения.Remember that the sample expects to use the same App ID and password for both the bot and the messaging extension.

Щелкните тест и распределить элемент под заголовком Готово в левом столбце App Studio.Click on the Test and distribute item under Finish in the left hand column of App Studio.

Testing your app

Чтобы отправить приложение в Teams, нажмите кнопку установить в разделе Проверка и распространение.In order to upload your app to Teams, click the Install button under Test and Distribute.

Adding a messaging extension dialog

Щелкните поле поиска в разделе Добавить в группу и выберите группу, в которую добавляется пример приложения.Click on the Search box in the Add to a team section and select a team to add the sample app to. Обычно для тестирования потребуется настроить специальную команду.Usually you will want to set up a special team for testing.

Нажмите кнопку Install (установить ) в нижней части диалогового окна.Click the Install button at the bottom of the dialog.

В этом пошаговом руководстве для App Studio будет завершена эта часть.This finishes the App Studio portion of this walkthrough. Теперь вы должны увидеть ваше приложение, работающее в Teams, но не будет работать, пока вы не обновите среду размещенных приложений, чтобы узнать, какие идентификаторы и пароли приложений.You should now see your app running in Teams, however the bot and the messaging extension will not work until you update the hosted applications environment to know what the App IDs and passwords are.

The finished app

Обновление учетных данных для размещаемого приложенияUpdate the credentials for your hosted app

Для примера приложения требуются следующие переменные среды, чтобы задать значения, которые вы захотите заметку ранее.The sample app requires the following environment variables to be set to the values you made a note of earlier.

Откройте appsettings.jsфайла.Open up the appsettings.json file. Обновите значение микрософтаппид с помощью идентификатора ленты, сохраненного ранее.Update the MicrosoftAppId value with your Bot ID that you saved earlier. Обновите микрософтапппассворд с помощью сохраненного ранее пароля Bot.Update the MicrosoftAppPassword with the Bot password you saved earlier.

Setting the keys

После внесения этих изменений Перестройте приложение.Once these changes are made, rebuild the app. Если вы используете ngrok, запустите приложение локально и, если вы размещаете в Azure, повторно разверните приложение.If you are using ngrok, run the app locally, and if you are hosting in Azure redeploy the app.

Настройка вкладки "приложение"Configure the app tab

После установки приложения в команду его необходимо настроить для отображения контента.Once you install the app into a team, you will need to configure it to show content. Перейдите к каналу в группе, где вы установили пример приложения, и нажмите кнопку "+" , чтобы добавить новую вкладку. Затем можно выбрать в Hello World списке Добавить вкладку .Go to a channel in the team where you installed the sample app and click on the '+' button to add a new tab. You can then choose Hello World from the Add a tab list. После этого появится диалоговое окно настройки.You will then be presented with a configuration dialog. Это диалоговое окно позволит выбрать вкладку для отображения в этом канале.This dialog will let you choose which tab to display in this channel. После выбора вкладки и нажатия на эту вкладку Save вы увидите вкладку, Hello World загруженную с выбранной вкладкой.Once you select the tab and click on Save then you can see the Hello World tab loaded with the tab you chose.

Screenshot of configure

Тестирование ленты в TeamsTest your bot in Teams

Теперь вы можете взаимодействовать с роботом в Teams.You can now interact with the bot in Teams. Выберите канал в группе, в которой вы зарегистрировали свое приложение, и введите @your-bot-name .Choose a channel in the team where you registered your app, and type @your-bot-name. Это называется ** @ упоминанием**.This is called an @mention. Любое сообщение, отправляемое в Bot, будет отправлено вам в качестве ответа.Whatever message you send to the bot will be sent back to you as a reply.

Bot responses

Проверка расширения системы обмена сообщениямиTest your messaging extension

Чтобы проверить расширение системы обмена сообщениями, щелкните три точки под полем ввода в представлении беседы.To test your messaging extension, you can click on the three dots below the input box in your conversation view. В меню появится приложение "Hello World" .A menu will pop up with the 'Hello World' app in it. При нажатии на нее отображается множество случайных текстов на экране.When you click it, you will see a bunch of random texts showing up. Вы можете выбрать один из них и вставить его в беседу.You can choose any one of them and it will be inserted it into your conversation.

Messaging extension menu Messaging extension result

Выберите один из случайных текстов, и вы увидите карту, отформатированную и готовую к отправке сообщения в нижней части.Choose one of the random texts, and you will see a card formatted and ready to send with your own message at the bottom.

Messaging extension send