Поделиться через


Добавление вкладки Teams в SharePoint

Многофункциональная интеграция Microsoft Teams и SharePoint, добавив вкладку Teams в качестве веб-части SharePoint Framework (SPFx). В этой статье описывается, как интегрировать вкладку из примера приложения Teams в SharePoint. В последнем выпуске Teams и SPFx у вас есть две возможности:

Веб-части SharePoint в Teams

SharePoint размещает веб-части SPFx без необходимости во внешних службах, таких как Azure. Для разработчиков SharePoint эта функция упрощает процесс разработки вкладок Teams. Дополнительные сведения см. в статье Использование SharePoint Framework в Teams.

Снимок экрана: веб-часть, представленная в виде вкладки Teams.

Вкладки Teams в SharePoint

С помощью SPFx вы можете размещать вкладки Teams непосредственно в SharePoint, что обеспечивает полностраничный интерфейс. Он сохраняет функциональные возможности вкладок Teams, сохраняя контекст и знакомый сайт SharePoint.

Снимок экрана: вкладка Teams в представлении SharePoint.

Преимущества

  • Охват пользователей SharePoint с помощью существующей вкладки Teams.
  • Отправьте манифест приложения (ранее — манифест приложения Teams) непосредственно в каталог приложений SharePoint. SharePoint поддерживает пакет приложения Teams.
  • Настройте вкладку на странице так же, как и любую другую веб-часть SharePoint.
  • Доступ к контексту вкладки так же, как и при запуске в Teams.

Тестирование примера приложения

  1. Скачайте манифест примера приложения.

  2. В Teams выберите Приложения>Управление приложениями>Отправка приложения.

  3. Выберите Отправить пользовательское приложение.

    Снимок экрана: параметр для отправки пользовательского приложения в Teams.

  4. Выберите пример манифеста приложения .zip файл и нажмите кнопку Открыть. Откроется диалоговое окно для добавления настраиваемого приложения.

  5. В раскрывающемся списке Добавить выберите Добавить в команду.

    Снимок экрана: добавление пользовательского приложения в команду.

  6. Выберите команду, в которой вы хотите установить приложение, и нажмите кнопку Настроить.

    Снимок экрана: выбор параметра

  7. В канал Teams будет добавлена новая статическая вкладка.

    Вы можете поэкспериментировать с приложением и протестировать его функции, включая настраиваемые вкладки и чат-бот.

    Снимок экрана: новая вкладка, добавленная в команду.

Примечание.

Команды расширения SharePoint не поддерживаются на вкладке Файлы Teams. Вы можете добавить страницу SharePoint, список или библиотеку документов в качестве вкладки в Teams.

Использование вкладки Teams в SharePoint

  1. Отправьте и разверните пакет приложения Teams в каталоге приложений SharePoint, посетив страницу https://YOUR_TENANT_NAME.sharepoint.com/sites/appcatalog/AppCatalog/Forms/AllItems.aspx.

    Например, https://contoso.sharepoint.com/sites/appcatalog/AppCatalog/Forms/AllItems.aspx.

    • При появлении запроса включите параметр Сделать это решение доступным для всех сайтов в организации.

      Снимок экрана: диалоговое окно развертывания.

    Затем необходимо создать новую страницу на сайте.

  2. Чтобы создать новую страницу, выберите Параметры и добавить страницу.

    Снимок экрана: параметры Office 365.

  3. Настройте страницу и присвойте ей соответствующее имя, например Вкладка "Моя Teams".

  4. Выберите + , чтобы открыть панель элементов веб-части.

    Снимок экрана: параметр для добавления веб-части.

  5. В списке найдите и выберите загруженное приложение. Он создает веб-часть на холсте, который содержит вкладку Teams.

    Снимок экрана: представление вкладки.

  6. Завершив редактирование, выберите Опубликовать.

  7. Выберите Добавить страницу в навигацию, чтобы получить быструю ссылку на страницу в панели навигации слева.

    Снимок экрана: вкладка в SharePoint.

Изучение страниц с одним приложением в SharePoint

После публикации страницы изучите страницы с одним приложением в SharePoint. Это помогает преобразовать текущую страницу в отдельную страницу приложения, в обычный макет страницы SharePoint с полностраничной интерфейсом вкладки Teams.

Снимок экрана: приложение Teams в SharePoint.

Пример кода

Название примера Описание SPFx
Веб-часть SPFx Примеры веб-частей SPFx для вкладок, каналов и групп. Просмотр

Дополнительные ресурсы