Adicionar uma guia do Teams ao SharePoint

Você pode obter uma experiência de integração rica entre Microsoft Teams e SharePoint adicionando uma guia Microsoft Teams no SharePoint como uma web part SPFx web part. Este documento orienta você sobre como você deve pegar uma guia de um aplicativo de exemplo Microsoft Teams e usá-lo em SharePoint.

Integração rica entre Teams e SharePoint

Com a versão de novembro do Teams e Estrutura do SharePoint v.1.7, os desenvolvedores têm dois recursos avançados:

Teams guias no SharePoint

Com Estrutura do SharePoint v.1.7, você pode hospedar suas Teams de SharePoint. À medida que as guias hospedadas no SharePoint obter uma experiência de página inteira semelhante, expondo todos os recursos das guias Teams enquanto mantém o contexto e a familiaridade de um site SharePoint.

Estrutura do SharePoint no Teams

Você também pode implementar suas guias Microsoft Teams usando Estrutura do SharePoint. Estrutura do SharePoint web parts são hospedadas em SharePoint sem qualquer necessidade de serviços externos, como o Azure. Para SharePoint desenvolvedores, isso simplifica significativamente o processo de desenvolvimento para Teams guias. Para obter mais informações sobre Estrutura do SharePoint em Teams, consulte como usar o Estrutura do SharePoint em Teams.

Introdução

A guia usada aqui já está hospedada no Azure, para se concentrar no trabalho de integração necessário.

O aplicativo de exemplo que está sendo usado é um aplicativo de Gerenciamento de Talentos. Ele gerencia o processo de contratação de candidatos para posições abertas em uma equipe. Crie um aplicativo Teams exemplo e carregue-o em Teams. Não crie um aplicativo de gerenciamento de talentos real.

Benefícios dessa abordagem

  • Entre SharePoint usuários com sua guia Teams existente.
  • Upload seu manifesto do aplicativo diretamente para seu catálogo SharePoint aplicativo. Teams pacotes de aplicativos agora são suportados por SharePoint.
  • Os usuários configuram a guia em uma página como qualquer outra web part SharePoint web part.
  • Sua guia pode acessar seu contexto da mesma forma que pode, ao executar dentro Teams.

Para adicionar Teams guia SharePoint

Execute as seguintes etapas para adicionar Teams guia SharePoint:

1. Teste o aplicativo de exemplo

Baixe o manifesto do aplicativo de exemplo.

  1. Abra o Microsoft Teams.

  2. Selecione o ícone Appstore no canto inferior esquerdo da guia lateral.

  3. Selecione Upload um aplicativo personalizado no canto inferior esquerdo. A imagem a seguir exibe a tela correspondente:

    carregar um aplicativo personalizado

  4. O arquivo a ser carregado está localizado na pasta Downloads. Ele é chamado TalentMgmt-Azure.zip. A imagem a seguir exibe a tela correspondente:

    TalentMgmt no Azure

  5. Você pode ver a tela de instalação ou consentimento do aplicativo de gerenciamento de talentos. Selecione a equipe que deseja instalar.

  6. Selecione Instalar e comece a experimentar com o aplicativo.

2. Use Teams guia no SharePoint

  1. Upload e implante seu pacote de aplicativos Teams no catálogo de aplicativos SharePoint, visitando https://YOUR_TENANT_NAME.sharepoint.com/sites/apps/AppCatalog/Forms/AllItems.aspx . Por exemplo, https://contoso.sharepoint.com/sites/apps/AppCatalog/Forms/AllItems.aspx.

  2. Quando solicitado, habilitar Tornar essa solução disponível para todos os sites da organização. A imagem a seguir exibe a tela correspondente:

    Guias no exibição do Sharepoint

  3. Em seu site, crie uma nova página selecionando o botão de engrenagem no canto superior direito e selecione Adicionar uma página. A imagem a seguir exibe a tela correspondente:

    Exibição do Sharepoint

  4. Você pode ver a experiência de SharePoint de autoria de páginas. Nomeia sua página como My Teams Tab.

  5. Abra a caixa de ferramentas da Web Part selecionando o + botão e selecione sua guia Teams, chamada Contoso HR. As Web Parts são classificação alfabética. Se for uma lista longa, você poderá usar a barra de pesquisa para encontrá-la. Isso cria uma Web Part na tela que contém sua guia Teams. A imagem a seguir exibe o visor de tabulação:

    Exibição de tabulação

  6. Selecione o botão Publicar depois de concluir a edição.

  7. Selecione Adicionar página à navegação para ter uma referência rápida à sua página na barra de navegação esquerda. A imagem a seguir exibe a guia no Sharepoint:

    Guia na imagem do Sharepoint

3. Explorar páginas de aplicativo no SharePoint

Depois que sua página for publicada, você poderá explorar transformar seu aplicativo Teams em uma experiência mais completa dentro SharePoint. Isso converte a página atual em uma Página do Aplicativo, mostrando o layout de página SharePoint normal com uma experiência de página inteira para a guia Teams.

A imagem a seguir exibe a experiência completa do aplicativo Teams no SharePoint:  Imagem de guias no Sharepoint

Exemplo de código

Nome do exemplo Descrição SPFx
SPFx Web Part SPFx exemplos de Web Part para guias, canais e grupos. Exibir

Confira também