Creación de proyectos de complementos de Office con Teams Toolkit (versión preliminar)

Las extensiones de la plataforma de Microsoft 365 ahora se incluyen en "Aplicaciones de Teams", incluso si la extensión está completamente fuera de la propia aplicación de Teams. Una herramienta principal para desarrollar aplicaciones de Teams es Teams Toolkit. Puede crear complementos de Office con el kit de herramientas de Teams, con las siguientes restricciones:

• Solo se pueden crear complementos de Outlook en este momento y solo para Outlook en Windows. Estamos trabajando duro para habilitar el soporte técnico en Teams Toolkit para complementos a otras aplicaciones y plataformas de Office.
• Los complementos creados con el kit de herramientas de Teams usan el manifiesto unificado para Microsoft 365 que se encuentra actualmente en versión preliminar. Le recomendamos que experimente con la creación de complementos mediante el kit de herramientas, pero no use el manifiesto unificado para los complementos de producción.

Instale la versión más reciente del kit de herramientas de Teams en Visual Studio Code como se describe en Instalación del kit de herramientas de Teams.

Creación de un proyecto de complemento de Outlook

1. Abra Visual Studio Code y seleccione el icono kit de herramientas de Teams en la barra de actividad.

   

2. Seleccione Crear una nueva aplicación.

3. En la lista desplegable Nuevo proyecto , seleccione Complemento de Outlook.

   

4. En la lista desplegable Características de la aplicación con un complemento de Outlook , seleccione Panel de tareas.

   

5. En el cuadro de diálogo Carpeta del área de trabajo que se abre, seleccione la carpeta donde desea crear el proyecto.

6. Asigne un nombre al proyecto (sin espacios) cuando se le solicite. Teams Toolkit creará el proyecto con archivos básicos y scaffolding. A continuación, abrirá el proyecto en una segunda ventana Visual Studio Code. Cierre la ventana de Visual Studio Code original.

7. En el Visual Studio Code TERMINAL, vaya a la raíz del proyecto y ejecute npm install.

8. Antes de realizar cambios en el proyecto, compruebe que puede transferir localmente el complemento de Outlook desde Visual Studio Code. Siga estos pasos:

   1. Asegúrese de que su cuenta en el inquilino para desarrolladores de Microsoft 365 también sea una cuenta de correo electrónico en Outlook de escritorio. Si no es así, siga las instrucciones de Agregar una cuenta de correo electrónico a Outlook.
   2. Cierre el escritorio de Outlook.
   3. En Visual Studio Code, abra Teams Toolkit.
   4. En la sección CUENTAS , compruebe que ha iniciado sesión en Microsoft 365.
   5. Seleccione Ver | ejecución en Visual Studio Code. En el menú desplegable EJECUTAR Y DEPURAR, seleccione la opción Outlook Desktop (Edge Chromium) y, a continuación, presione F5. El proyecto se compila y se abre una ventana de servidor de desarrollo de Node. Este proceso puede tardar un par de minutos. Con el tiempo, se abrirá el escritorio de Outlook.
   6. Abra la Bandeja de entradade la identidad de la cuenta de Microsoft 365 y abra cualquier mensaje. Aparecerá una pestaña Complemento de Contoso con dos botones en la cinta Inicio (o en la cinta Mensaje , si ha abierto el mensaje en su propia ventana).
   7. Haga clic en el botón Mostrar panel de tareas y se abrirá un panel de tareas. Haga clic en el botón Realizar una acción y aparecerá una pequeña notificación cerca de la parte superior del mensaje.
   8. Para detener la depuración y desinstalar el complemento, seleccione Ejecutar | detener depuración en Visual Studio Code.

Ahora puede cambiar y desarrollar el proyecto. En lugares donde la guía de la documentación de complementos de Office se bifurca en función del tipo de manifiesto que se use, asegúrese de seguir las instrucciones del manifiesto unificado.