Compartir a través de

Desarrollo de aplicaciones con el kit de herramientas de Teams

  • Artículo

Después de crear la aplicación en el Portal para desarrolladores de Teams, puede hacer lo siguiente:

El kit de herramientas de Teams aplica scaffolding a los archivos necesarios en función de la característica y las configuraciones que establezca en el Portal para desarrolladores de Teams. Esto realiza una transición perfecta entre el Portal para desarrolladores de Teams y el Kit de herramientas de Teams en Visual Studio Code y Visual Studio.

Abrir la aplicación en Visual Studio Code

En el Portal para desarrolladores de Teams, puede abrir e iniciar el proyecto (aplicación React) en Visual Studio Code.

Estos son los pasos para abrir la aplicación en Visual Studio Code:

  1. Seleccione Desarrollar>abierto en el kit de herramientas de> TeamsAbierto en Visual Studio Code (JS/TS).

    Captura de pantalla que muestra el Portal para desarrolladores con Open in Teams Toolkit resaltado en rojo.

    Se muestra un cuadro de diálogo.

    Nota:

    Para permitir que se abra la aplicación, instale la versión más reciente del kit de herramientas de Teams para Visual Studio Code.

  2. Seleccione Abrir.

    Captura de pantalla del explorador con la opción Abrir resaltada en rojo.

    Se muestra un cuadro de diálogo.

  3. Seleccione Abrir.

    Captura de pantalla que muestra la página Vista previa del desarrollador con la opción Abrir resaltada en rojo.

    Si es necesario, inicie sesión en su cuenta de Microsoft 365.

  4. Seleccione el lenguaje de programación que prefiera.

    Captura de pantalla que muestra el kit de herramientas de Teams con Seleccionar un lenguaje de programación resaltado en rojo.

  5. Seleccione la carpeta del área de trabajo.

    Captura de pantalla que muestra el kit de herramientas de Teams con la carpeta del área de trabajo resaltada en rojo

  6. Escriba un nombre de aplicación.

    Captura de pantalla del kit de herramientas de Teams con el nombre de la aplicación resaltado en rojo.

  7. Seleccione la aplicación y seleccione Aceptar.

    Teams Toolkit convierte la dirección URL que configuró en el Portal para desarrolladores de Teams en una dirección localhost para trabajar con el proceso de depuración.

    Captura de pantalla que muestra el kit de herramientas de Teams con la opción Aceptar resaltada en rojo.

    El kit de herramientas de Teams aplica scaffolding al proyecto con todos los archivos de configuración y código necesarios, ahora que está listo para iniciar el desarrollo.

    Captura de pantalla que muestra el scaffolding del proyecto en Visual Studio Code.

Abrir la aplicación en Visual Studio

Puede abrir el proyecto en Visual Studio y aplicar scaffolding al proyecto en Visual Studio con Teams Toolkit. Asegúrese de instalar Visual Studio 2022, versión 17.6, versión preliminar 2.

Estos son los pasos para abrir la aplicación en Visual Studio:

  1. Seleccione Desarrollar>abierto en el kit de herramientas de> TeamsAbierto en Visual Studio (.NET) (versión preliminar).

    Captura de pantalla que muestra el Portal para desarrolladores con Open in Teams Toolkit (Abrir en el kit de herramientas de Teams).

  2. Seleccione Abrir para aplicar scaffolding al proyecto.

    Captura de pantalla del explorador con la opción Abrir en Visual Studio.

    Si es necesario, inicie sesión en su cuenta de Microsoft 365.

  3. Escriba el nombre del proyecto, la ubicación y el nombre de la solución. Seleccione Crear.

    Captura de pantalla que muestra la pestaña de detalles para establecer el nombre de la aplicación.

  4. Seleccione el tipo de aplicación y seleccione Siguiente.

    Teams Toolkit convierte la aplicación que configuró en el Portal para desarrolladores de Teams en una dirección localhost para trabajar con el proceso de depuración.

    Captura de pantalla que muestra el tipo de aplicación en Visual Studio.

    El kit de herramientas de Teams aplica scaffolding al proyecto con todos los archivos de configuración y código necesarios, ahora que está listo para iniciar el desarrollo.

    Captura de pantalla que muestra el scaffolding del proyecto en Visual Studio.

Después de abrir la aplicación en Teams Toolkit, ahora puede desarrollar y depurar la aplicación de Teams en Teams Toolkit.

Nota:

Puede trabajar en el kit de herramientas de Teams a través del Portal para desarrolladores solo en versión preliminar.

Vea también

Publicación de aplicaciones de Teams mediante el Portal para desarrolladores