Añadir una pestaña de Teams a SharePoint

  • Artículo
  • Tiempo de lectura: 3 minutos

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

Integración enriquec Teams y SharePoint

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

Teams pestañas 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, exponiendo todas las características de las pestañas Teams conservando el contexto y la familiaridad de un SharePoint sitio.

SharePoint Framework en Teams

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

Introducción

La pestaña usada 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. Crea un ejemplo Teams aplicación y cárbala en Teams. No cree una aplicación de administración de talento real.

Ventajas de este enfoque

  • Llegue SharePoint usuarios con la pestaña de Teams existente.
  • Upload el manifiesto de la aplicación directamente al catálogo SharePoint aplicación. Teams paquetes de aplicaciones ahora son compatibles con SharePoint.
  • Los usuarios configuran la pestaña en una página como cualquier otro elemento SharePoint web.
  • La pestaña puede tener acceso a su contexto del mismo modo que puede, cuando se ejecuta dentro de Teams.

Para agregar Teams pestaña a SharePoint

Realice los siguientes pasos para agregar Teams pestaña a SharePoint:

1. Probar la aplicación de ejemplo

Descargue el manifiesto de la aplicación de ejemplo.

  1. Abra Microsoft Teams.

  2. Seleccione el icono de la Appstore en la parte inferior izquierda de la ficha lateral.

  3. Selecciona Upload una aplicación personalizada en la parte inferior izquierda. La siguiente imagen muestra la pantalla correspondiente:

    cargar una aplicación personalizada

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

    TalentMgmt en Azure

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

  6. Selecciona instalar e iniciar la experimentación con la aplicación.

2. Use Teams pestaña en SharePoint

  1. Upload e implemente el paquete Teams aplicación en su catálogo de aplicaciones SharePoint de aplicaciones 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 Hacer que esta solución esté disponible para todos los sitios de la organización. La siguiente imagen muestra la pantalla correspondiente:

    Pestañas en la vista sharepoint

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

    Vista de Sharepoint

  4. Puede ver la experiencia de SharePoint de creación de páginas. Asigne a la página el nombre Mi Teams Tab.

  5. Abra el cuadro de herramientas del elemento web seleccionando el botón y seleccione la pestaña + Teams, denominada Contoso HR. 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 Teams pestaña. La siguiente imagen muestra la vista de tabulación:

    Vista de tabulación

  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. La siguiente imagen muestra la pestaña en Sharepoint:

    Ficha en la imagen de Sharepoint

3. Explorar páginas de aplicaciones en SharePoint

Después de publicar la página, puedes explorar cómo convertir la aplicación Teams en una experiencia más completa dentro de SharePoint. Esto convierte la página actual en una página de aplicación, que muestra el diseño SharePoint página normal con una experiencia de página completa para la pestaña Teams aplicación.

La siguiente imagen muestra la experiencia completa de Teams aplicación en SharePoint: Imagen de pestañas en Sharepoint

Ejemplo de código

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

Consulte también