Autenticación de inicio de sesión único con Teams Toolkit y Visual Studio Code para pestañas

Importante

Este documento hace referencia a una versión antigua de Teams Toolkit

Para obtener información actual, lea los requisitos previos y siga uno de los tutoriales más recientes.

La Microsoft Teams Toolkit permite crear la autenticación de inicio de sesión único (SSO) para aplicaciones de pestañas directamente en Visual Studio Code. El kit de herramientas lo guía a través del proceso y proporciona todo lo que necesita, incluido el aprovisionamiento Plataforma de identidad de Microsoft registro en Azure Portal.

Introducción: crear un proyecto

  1. Cree un nuevo proyecto en el kit de herramientas.
  2. Seleccione la pestaña como el tipo de extensión que desea crear.
  3. Seleccione la opción para admitir SSO.

Sugerencia

Después de la instalación, debería ver el Teams Toolkit en la barra Visual Studio Code actividad. Si no es así, haga clic con el botón secundario en la barra de actividades y seleccione Microsoft Teams para anclar el kit de herramientas para facilitar el acceso.

Configurar el proyecto

  1. Para habilitar SSO en Teams, la aplicación debe tener un recurso de registro de aplicaciones de Azure. El Teams Toolkit aprovisionará el registro de la aplicación en su nombre.
  2. Escribe la dirección URL donde se hospedará la aplicación y selecciona siguiente. El registro de la aplicación se configurará con la dirección URL proporcionada.
  3. Los detalles de configuración del registro de la aplicación se almacenarán en .env los archivos del código fuente del proyecto.

Si desea obtener más información sobre cómo se aprovisionará el registro de la aplicación de Azure, consulte nuestra documentación sobre el inicio de sesión único (SSO) para las pestañas.

Sugerencia

Tendrá que ir a Registros de aplicaciones de Azure y actualizar el URI de la API y redirigir las direcciones URL siempre que cambie esta dirección URL.

Ejecutar el proyecto

  1. Seleccione npm install en la api-server carpeta. A continuación, npm start.
  2. Seleccione npm install en la .src carpeta. A continuación, npm start.
  3. Si usa un servicio de túnel como ngrok,ejecutelo y asegúrese de que la dirección URL coincida con lo que ha escrito en el asistente para la creación del proyecto. Si no lo hace, deberá actualizar el URI de la API y redirigir la dirección URL en el registro de la aplicación que se creó en Azure.
  4. Vaya a la barra de actividades de la parte izquierda de la ventana Visual Studio Code actividad.
  5. Seleccione el icono Ejecutar para mostrar la vista Ejecutar y depurar.
  6. También puede usar el método abreviado de teclado Ctrl+Mayús+D.

Sugerencia

Es posible que no veas el diálogo de instalación de la aplicación en el explorador si las ventanas emergentes están deshabilitadas para el explorador. Si esto sucede, habilita las ventanas emergentes y actualiza la página.

Consulte también

Crear aplicaciones con el Microsoft Teams Toolkit y Visual Studio Code