Share via

Create proyectos de complementos de Office con teams Toolkit

  • Artículo

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.

  • Los complementos creados con teams Toolkit usan el manifiesto unificado para Microsoft 365.

  • En este momento solo se pueden crear complementos de Outlook. Estamos trabajando duro para habilitar el soporte técnico en Teams Toolkit para complementos a otras aplicaciones y plataformas de Office.

    Nota:

    Los complementos de Office que usan el manifiesto unificado para Microsoft 365 se admiten directamente en Office en la Web, en el nuevo Outlook en Windows (versión preliminar) y en Office en Windows conectado a una suscripción de Microsoft 365, versión 2304 (compilación 16320.00000) o posterior.

    Cuando el paquete de aplicación que contiene el manifiesto unificado se implementa en AppSource o en el Centro de Administración de Microsoft 365, si el manifiesto tiene una propiedad "alternateIcons" válida, se genera un manifiesto XML a partir del manifiesto unificado y se almacena. Este manifiesto XML permite instalar el complemento en plataformas que no admiten directamente el manifiesto unificado, incluido Office en Mac, Office en dispositivos móviles, versiones de suscripción de Office en Windows anteriores a 2304 (compilación 16320.00000) y versiones perpetuas de Office en Windows.

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.

Create 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.

    Icono del kit de herramientas de Teams.

  2. Seleccione Create una nueva aplicación.

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

    Las cuatro opciones del menú desplegable Nuevo proyecto. La cuarta opción se denomina

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

    Las dos opciones de la lista desplegable Características de la aplicación mediante un complemento de Outlook. Se selecciona la primera opción

  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.