Añadir una pestaña de Teams a SharePoint

Puede obtener una experiencia de integración enriquecida entre Microsoft Teams y SharePoint agregando una pestaña de Microsoft Teams en SharePoint como un elemento web SPFx. Este documento le guía sobre cómo tomar una pestaña de una aplicación de ejemplo de Microsoft Teams y usarla en SharePoint.

Integración enriquecida entre Teams y SharePoint

Con la versión de noviembre de Teams y SharePoint Framework v.1.7, los desarrolladores tienen dos capacidades eficaces:

Pestañas de Teams en SharePoint

Con SharePoint Framework v.1.7, puede hospedar las pestañas de Teams en SharePoint. A medida que las pestañas hospedadas en SharePoint obtienen una experiencia de página completa similar, que expone todas las características de las pestañas de Teams y conserva el contexto y la familiaridad de un sitio de SharePoint.

Cree experiencias de aplicaciones enriquecidas en SharePoint mediante la incorporación de la aplicación de Teams a SharePoint.

Captura de pantalla que muestra la pestaña en la vista de SharePoint.

SharePoint Framework en Teams

También puede implementar las pestañas de Teams mediante SharePoint Framework. Los elementos web de SharePoint Framework se hospedan en SharePoint sin necesidad de servicios externos, como Azure. Para los desarrolladores de SharePoint, esto simplifica significativamente el proceso de desarrollo de las pestañas de Teams. Para obtener más información sobre SharePoint Framework en Teams, vea cómo usar SharePoint Framework en Teams.

Traiga sus elementos web de SharePoint a Teams y deje que SharePoint administre el hospedaje automáticamente.

Captura de pantalla que muestra el elemento web expuesto como una pestaña.

Introducción

La pestaña que se usa aquí ya está hospedada en Azure para centrarse en el trabajo de integración necesario.

La aplicación de ejemplo que se usa es una aplicación de administración de talento. Administra el proceso de contratación de candidatos para puestos abiertos en un equipo. Cree una aplicación de Teams de ejemplo y cárguela en Teams. No cree una aplicación de administración de talento real.

Ventajas de este enfoque

  • Llegue a los usuarios de SharePoint con la pestaña de Teams existente.
  • Cargue el manifiesto de la aplicación directamente en el catálogo de aplicaciones de SharePoint. Paquetes da aplicación de Teams ahora son compatibles con SharePoint.
  • Los usuarios configuran la pestaña en una página igual que cualquier otro elemento web de SharePoint.
  • La pestaña puede acceder a su contexto igual que puede, cuando se ejecuta dentro de Teams.

Para agregar la pestaña Teams a SharePoint, siga estos pasos para agregar la pestaña Teams a SharePoint:

Prueba de la aplicación de ejemplo

Descargue el manifiesto de aplicación de ejemplo.

  1. Abra Microsoft Teams.

  2. Seleccione Aplicaciones>Administrar las aplicaciones>Cargar una aplicación.

  3. Seleccione Cargar una aplicación personalizada.

    Captura de pantalla que muestra la opción para cargar una aplicación personalizada en Teams.

  4. El archivo que se va a cargar se encuentra en la carpeta Descargas Se llama TalentMgmt-Azure.zip. En la imagen siguiente se muestra la pantalla correspondiente:

    Captura de pantalla que muestra la carpeta Descargas.

  5. Puede ver la pantalla de instalación o consentimiento de la aplicación de administración de talento. Seleccione el equipo que desea instalar.

  6. Seleccione Instalar y empiece a experimentar con la aplicación.

Nota:

Los comandos de extensión de SharePoint no se admiten en la pestaña Archivos de Teams. Puede agregar una página, una lista o una biblioteca de documentos de SharePoint como una pestaña en Teams.

Uso de la pestaña Teams en SharePoint

  1. Cargue e implemente el paquete de la aplicación de Teams en el catálogo de aplicaciones de SharePoint visitando https://YOUR_TENANT_NAME.sharepoint.com/sites/apps/AppCatalog/Forms/AllItems.aspx. Por ejemplo, https://contoso.sharepoint.com/sites/apps/AppCatalog/Forms/AllItems.aspx.

  2. Cuando se le solicite, habilite Haga que esta solución esté disponible para todos los sitios de la organización. En la imagen siguiente se muestra la pantalla correspondiente:

    Captura de pantalla que muestra el cuadro de diálogo de implementación.

  3. En el sitio, cree una nueva página seleccionando el botón de engranaje situado en la esquina superior derecha y, a continuación, seleccione Agregar una página. En la imagen siguiente se muestra la pantalla correspondiente:

    Captura de pantalla que muestra las opciones de configuración de Office 365.

  4. Puede ver la experiencia de creación de páginas de SharePoint. Asigne un nombre a la página como Pestaña Mis equipos.

  5. Abra el cuadro de herramientas del elemento web seleccionando el botón + y seleccione la pestaña Teams, denominada RR. HH. DE Contoso. Los elementos web se ordenan alfabéticamente. Si es una lista larga, puede usar la barra de búsqueda para buscarla. Esto crea un elemento web en el lienzo que contiene la pestaña Teams. En la imagen siguiente se muestra la vista de pestaña:

    Captura de pantalla que muestra la vista de pestaña.

  6. Seleccione el botón Publicar después de finalizar la edición.

  7. Seleccione Agregar página a la navegación para tener una referencia rápida a la página en la barra de navegación izquierda. En la imagen siguiente se muestra la pestaña en SharePoint:

    Captura de pantalla que muestra la pestaña en SharePoint.

Exploración de páginas de aplicaciones en SharePoint

Una vez publicada la página, puede explorar convertir la aplicación de Teams en una experiencia más completa dentro de SharePoint. Esto convierte la página actual en una página de la aplicación, mostrando el diseño de página de SharePoint normal con una experiencia de página completa para la pestaña Teams.

En la imagen siguiente se muestra la experiencia completa de la aplicación Teams en SharePoint:

Captura de pantalla que muestra la aplicación Teams en SharePoint.

Ejemplo de código

Ejemplo de nombre Descripción SPFx
Elemento web SPFx Ejemplos de elementos web de SPFx para pestañas, canales y grupos. Ver

Consulte también