Compilación de la primera aplicación con C#
Inicie el desarrollo de aplicaciones de Microsoft Teams mediante la creación de la primera aplicación de Teams con una pestaña, un bot o una funcionalidad de extensión de mensaje.
En este tutorial, aprenderá lo siguiente:
- Cómo configurar un nuevo proyecto.
- Cómo crear aplicaciones con funcionalidad de tabulación mediante C# y Microsoft Visual Studio 2022.
Esta guía paso a paso le ayuda a crear una pestaña con Teams Toolkit. Verá la siguiente salida después de completar esta guía:
Requisitos previos
Esta es una lista de herramientas que debe instalar para compilar e implementar una aplicación de Teams.
| Instalar | Para usar... | |
|---|---|---|
| Microsoft Teams | Microsoft Teams para colaborar con todos los usuarios con los que trabaje a través de aplicaciones para chat, reuniones y llamadas a todos en un solo lugar. | |
|
Visual Studio 2022 |
Puede instalar la versión empresarial en Visual Studio 2022 e instalar las cargas de trabajo ASP.NET y desarrollo web. Use la versión más reciente. | |
| Kit de herramientas de Teams | Extensión de Visual Studio que crea un scaffolding de proyecto para la aplicación. Use la versión más reciente. |
Instalación del kit de herramientas de Teams
Teams Toolkit ayuda a simplificar el proceso de desarrollo con herramientas para crear un scaffolding de proyecto para la aplicación. Crea la estructura de directorios necesaria para todas las funcionalidades seleccionadas con los archivos necesarios en su lugar, listos para compilar el proyecto.
Puede descargar el instalador de Visual Studio más reciente. Teams Toolkit está disponible como extensión en Visual Studio.
Después de abrir el instalador de Visual Studio, en la ventana de cargas de trabajo emergentes.
Seleccione ASP.NET y desarrollo web.
En Detalles de> instalaciónOpcional, seleccione Herramientas de desarrollo de Microsoft Teams.
Seleccione Instalar.
Seleccione Iniciar. Aparece la ventana de la aplicación de Visual Studio 2022.
Vaya a Extensiones>Administrar extensiones.
Aparece la ventana Administrar extensión:
En el panel izquierdo, seleccione Instalado. La extensión kit de herramientas de Teams es avaialble.
Configuración del inquilino de desarrollo de Teams
Un inquilino es como un espacio o un contenedor para su organización en Teams, donde chatea, comparte archivos y ejecuta reuniones. Este espacio también es donde carga y prueba la aplicación personalizada. Vamos a comprobar si está listo para desarrollar con el inquilino.
Comprobación de la opción de carga de aplicaciones personalizadas
Después de crear la aplicación, debe cargarla en Teams sin distribuirla. Este proceso se conoce como carga de aplicaciones personalizada. Inicie sesión en su cuenta de Microsoft 365 para ver esta opción.
Nota:
La carga de aplicaciones personalizada es necesaria para obtener una vista previa y probar aplicaciones en el entorno local de Teams. Si no está habilitada, no podrá obtener una vista previa y probar la aplicación en el entorno local de Teams.
¿Ya tiene un inquilino y acceso de administrador? ¡Vamos a comprobar si lo haces!
Compruebe si puede cargar aplicaciones personalizadas en Teams:
Abra Microsoft Teams y seleccione el icono Aplicaciones .
Seleccione Administrar las aplicaciones.
Seleccione Cargar una aplicación.
Busque la opción Cargar una aplicación personalizada . Si ve la opción , la carga de aplicaciones personalizada está habilitada.
Nota:
Si no encuentra la opción de cargar una aplicación personalizada, póngase en contacto con el administrador de Teams.
Create un inquilino para desarrolladores de Teams gratuito (opcional)
Si no tiene una cuenta de Teams, puede obtenerla de forma gratuita. ¡Únete al programa para desarrolladores de Microsoft 365!
Seleccione Unirse ahora y siga las instrucciones en pantalla.
En la pantalla de bienvenida, seleccione Configurar suscripción E5.
Configure su cuenta de administrador. Una vez finalizada, aparece la siguiente pantalla:
Inicie sesión en Teams con la cuenta de administrador que configuró. Compruebe que tiene la opción Cargar una aplicación personalizada en Teams.
Obtener una cuenta gratuita de Azure
Si desea hospedar la aplicación o acceder a los recursos en Azure, debe tener una suscripción a Azure. Create una cuenta gratuita antes de empezar.
Ahora tiene todas las herramientas para configurar su cuenta. A continuación, vamos a configurar el entorno de desarrollo y empezar a compilar. Seleccione primero la aplicación que desea crear.
Create área de trabajo del proyecto para la aplicación de pestaña mediante C#
Inicie el desarrollo de aplicaciones de Microsoft Teams mediante la creación de la primera aplicación. Esta aplicación usa la funcionalidad de tabulación.
Si se cumplen los requisitos previos, comencemos.
Los pasos siguientes le ayudan a crear el área de trabajo del proyecto para la aplicación de pestaña en Visual Studio:
Abra Visual Studio.
Seleccione Nuevo proyecto.
En el cuadro de búsqueda, escriba Teams.
Seleccione Aplicación de> Microsoft TeamsSiguiente.
Escriba los detalles siguientes para configurar el nuevo proyecto.
- Escriba el nombre del proyecto requerido en Nombre del proyecto.
- Seleccione la ubicación necesaria para guardar archivos y carpetas del proyecto.
- Seleccione Crear.
Seleccione Tab>Create.
La aplicación de pestaña Teams se crea en pocos segundos.
Realice un recorrido por el código fuente de la aplicación de pestaña
Teams Toolkit proporciona todos los componentes para crear una aplicación. Después de crear el proyecto, puede ver las carpetas y los archivos del proyecto en Explorador de soluciones.
Compilación y ejecución de la primera aplicación de pestaña con C#
Después de configurar el área de trabajo del proyecto con Teams Toolkit, compile la aplicación de pestaña.
Inicio de sesión en su cuenta de Microsoft 365
Use su cuenta de Microsoft 365 para iniciar sesión en Teams. Si usa un inquilino del programa para desarrolladores de Microsoft 365, la cuenta de administrador que configuró al registrarse es la cuenta de Microsoft 365.
En el Explorador de soluciones, en Solución MyTeamsApp, haga clic con el botón derecho en MyTeamsApp.
Seleccione Kit de herramientas de> TeamsPreparar dependencias de aplicaciones de Teams.
SeleccioneContinuarcuenta> de Microsoft 365.
Compilación y ejecución de la aplicación localmente en Visual Studio
Para crear y ejecutar la aplicación localmente:
Seleccione Depurar>Iniciar depuración o escriba F5.
Visual Studio inicia el proceso de depuración y abre el cliente web de Teams en un explorador. Si se le solicita, inicie sesión con la cuenta de Microsoft 365.
Seleccione Agregar.
Enhorabuena, la primera aplicación de pestaña se ejecuta en Teams.
Obtenga información sobre cómo solucionar problemas si la aplicación no se ejecuta localmente.
Para ejecutar correctamente la aplicación en Teams, asegúrese de que ha habilitado la carga de aplicaciones personalizadas en su cuenta de Teams. Puede obtener más información sobre la carga de aplicaciones personalizadas en la sección Requisitos previos .
Enhorabuena.
Ha creado correctamente una aplicación de pestaña mediante C#. Teams Toolkit ha agregado el scaffolding necesario a la estructura de directorios de la aplicación. El tutorial ya está completo.
¿Tiene algún problema con esta sección? Si es así, envíenos sus comentarios para que podamos mejorarla.