Compartir vía


Añadir una pestaña de Teams a SharePoint

Experimente una integración enriquecida de Microsoft Teams y SharePoint mediante la adición de una pestaña de Teams como un elemento web de SharePoint Framework (SPFx). Este artículo le guía sobre cómo integrar una pestaña de una aplicación de ejemplo de Teams en SharePoint. Con la versión más reciente de Teams y SPFx, tiene las dos funcionalidades siguientes:

Elementos web de SharePoint en Teams

SharePoint hospeda elementos web SPFx sin necesidad de servicios externos como Azure. Para los desarrolladores de SharePoint, esta funcionalidad simplifica el proceso de desarrollo para las pestañas de Teams. Para obtener más información, vea cómo usar SharePoint Framework en Teams.

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

Pestañas de Teams en SharePoint

Con SPFx, puede hospedar las pestañas de Teams directamente en SharePoint que proporcionan una experiencia de página completa. Conserva la funcionalidad de las pestañas de Teams mientras mantiene el contexto y la familiaridad de un sitio de SharePoint.

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

Ventajas

  • Llegue a los usuarios de SharePoint con la pestaña de Teams existente.
  • Cargue el manifiesto de aplicación (anteriormente denominado manifiesto de aplicación de Teams) directamente en el catálogo de aplicaciones de SharePoint. SharePoint admite el paquete de aplicaciones de Teams.
  • Configure la pestaña en una página como cualquier otro elemento web de SharePoint.
  • Acceda al contexto de la pestaña de la misma manera que cuando se ejecuta en Teams.

Prueba de la aplicación de ejemplo

  1. Descargue el manifiesto de aplicación de ejemplo.

  2. En Teams, seleccione Aplicaciones>Administrar las aplicaciones>Carga de 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. Seleccione el archivo de .zip manifiesto de aplicación de ejemplo y seleccione Abrir. Se abre un cuadro de diálogo para agregar la aplicación personalizada.

  5. En la lista desplegable Agregar , seleccione Agregar a un equipo.

    Captura de pantalla que muestra cómo agregar una aplicación personalizada a un equipo.

  6. Seleccione el equipo donde desea instalar la aplicación y seleccione Configurar.

    Captura de pantalla que muestra la opción para seleccionar configurar una pestaña en un equipo.

  7. Se agrega una nueva pestaña estática al canal de Teams.

    Puede experimentar con la aplicación y probar sus características, incluidas las pestañas configurables y un bot de chat.

    Captura de pantalla que muestra una nueva pestaña agregada en un equipo.

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/appcatalog/AppCatalog/Forms/AllItems.aspx.

    Por ejemplo, https://contoso.sharepoint.com/sites/appcatalog/AppCatalog/Forms/AllItems.aspx.

    • Cuando se le solicite, habilite Haga que esta solución esté disponible para todos los sitios de la organización.

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

    A continuación, debe crear una nueva página en el sitio.

  2. Para crear una nueva página, seleccione Configuración y seleccione Agregar una página.

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

  3. Configure la página y asigne un nombre adecuado, como La pestaña Mis equipos.

  4. Seleccione + esta opción para abrir el cuadro de herramientas del elemento web.

    Captura de pantalla que muestra la opción para agregar un elemento web.

  5. En la lista, busque y seleccione la aplicación que cargó. Crea un elemento web en el lienzo que contiene la pestaña Teams.

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

  6. Una vez finalizada la edición, seleccione Publicar.

  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.

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

Exploración de páginas de aplicación de un solo elemento en SharePoint

Después de publicar la página, explore las páginas de aplicación de una sola parte en SharePoint. Esto le ayuda a convertir la página actual en una página de aplicación de un solo elemento, un diseño de página normal de SharePoint con la experiencia de página completa para la pestaña Teams.

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