Requisitos previos

Teams pestañas deben cumplir los siguientes requisitos previos:

  • Debe permitir que las páginas de pestañas se muestran en un iFrame, con encabezados de respuesta HTTP X-Frame-Options y Content-Security-Policy.

    • Establecer encabezado: Content-Security-Policy: frame-ancestors teams.microsoft.com *.teams.microsoft.com *.skype.com
    • Para la compatibilidad con Internet Explorer 11, establezca X-Content-Security-Policy .
    • Como alternativa, establezca el encabezado X-Frame-Options: ALLOW-FROM https://teams.microsoft.com/ . Este encabezado está en desuso pero sigue siendo aceptado por la mayoría de los exploradores.
  • Normalmente, como medida de protección contra el robo de clics, las páginas de inicio de sesión no se representan en iFrames. La lógica de autenticación debe usar un método que no sea el redireccionamiento. Por ejemplo, use la autenticación basada en token o basada en cookies.

    Nota

    Chrome 80, programado para su lanzamiento a principios de 2020, introduce nuevos valores de cookies e impone directivas de cookies de forma predeterminada. Se recomienda establecer el uso previsto para las cookies en lugar de basarse en el comportamiento predeterminado del explorador. Para obtener más información, vea SameSite cookie attribute.

  • Los exploradores cumplen una restricción de directiva del mismo origen. Impide que las páginas web soliciten dominios distintos de la página web servida. Sin embargo, puede redirigir la página de configuración o contenido a otro dominio o subdominio. La lógica de navegación entre dominios debe permitir que el cliente de Teams valide el origen con una lista estática en el manifiesto de la aplicación al cargar o comunicarse validDomains con la pestaña.

  • Debe dar estilo a las pestañas en función Teams el tema, el diseño y la intención del cliente. Normalmente, las pestañas funcionan mejor cuando se construyen para abordar una necesidad específica y centrarse en un pequeño conjunto de tareas o un subconjunto de datos que es relevante para la ubicación del canal de la pestaña.

  • En la página de contenido, agregue una referencia a Microsoft Teams SDK de cliente de JavaScript mediante etiquetas de script. Después de que se cargue la página, realice una llamada a , de lo microsoftTeams.initialize() contrario, no se mostrará la página.

  • Para que la autenticación funcione en clientes móviles, debe actualizar Teams SDK de JavaScript a al menos la versión 1.4.1.

  • Si decide que la pestaña canal o grupo aparezca en Teams móviles, la configuración debe tener un setSettings() valor para la websiteUrl propiedad.

  • La pestaña Teams MS no admite la capacidad de cargar sitios web de intranet que usan certificados autofirmados.

Herramientas que puede usar para crear pestañas

Paso siguiente

Vea también