Implementación de una aplicación de Microsoft Teams en la nube mediante Microsoft Visual Studio Code

Microsoft Teams Toolkit ayuda a implementar o cargar el código front-end y back-end de la aplicación en los recursos de nube aprovisionados en Azure.

Puede implementar en los siguientes tipos de recursos en la nube:

• Azure App Services
• Azure Functions
• Azure Storage (como sitio web estático)
• SharePoint

Implementar aplicaciones de Teams con el kit de herramientas de Teams

La guía Introducción ayuda a implementar con teams Toolkit. Puede usar lo siguiente para implementar su aplicación de Teams:

Inicio de sesión en su cuenta de Azure

Use esta cuenta para acceder a Microsoft Azure Portal y aprovisionar nuevos recursos en la nube para admitir la aplicación. Antes de implementar la aplicación en Azure App Service, Azure Functions o Azure Storage, debe iniciar sesión en su cuenta de Azure.

1. Abrir Visual Studio Code.

2. Abra la carpeta del proyecto en la que creó la aplicación.

3. Seleccione el icono kit de herramientas de Teams en la barra lateral.

4. Seleccione Iniciar sesión en Azure.

   Sugerencia

   Si tiene instalada la extensión cuenta de Azure y usa la misma cuenta, puede omitir este paso. Use la misma cuenta que usa en otras extensiones.

   Se abre el explorador web predeterminado para permitirle iniciar sesión en la cuenta.

5. Inicie sesión en su cuenta de Azure con sus credenciales.

6. Cierre el explorador cuando se le solicite y vuelva a Visual Studio Code.

La sección ACCOUNTS de la barra lateral muestra las dos cuentas por separado. También muestra el número de suscripciones de Azure utilizables disponibles. Asegúrese de que tiene al menos una suscripción de Azure utilizable disponible. Si no es así, cierre la sesión y use otra cuenta.

Ahora está listo para implementar la aplicación en Azure.

Enhorabuena, ha creado una aplicación de Teams. Ahora vamos a continuar y aprender a implementar una de las aplicaciones en Azure mediante el kit de herramientas de Teams.

Implementación en Azure

1. Seleccione Implementar en la sección CICLO DE VIDA del panel izquierdo.

   

2. Seleccione un entorno. (Si solo hay un entorno, se omite este paso).

3. Seleccione Implementar.

   

4. Seleccione el icono kit de herramientas de Teams en la barra lateral.

Personalización del ciclo de vida de implementación en Teams

Para personalizar el proceso de implementación, puede editar las secciones de implementación en "teamsapp.yml".

cli/runNpmCommand

Esta acción ejecuta comandos npm en el directorio especificado con parámetros.

Ejemplo

  - uses: cli/runNpmCommand
    with:
      workingDirectory: ./src
      args: install

Parámetros

cli/runDotnetCommand

Esta acción ejecuta comandos dotnet en el directorio especificado con parámetros.

Ejemplo

  - uses: cli/runDotnetCommand
    with:
      workingDirectory: ./src
      execPath: /YOU_DOTNET_INSTALL_PATH
      args: publish --configuration Release --runtime win-x86 --self-contained

Parámetros

cli/runNpxCommand

Ejemplo

  - uses: cli/runNpxCommand
    with:
      workingDirectory: ./src
      args: gulp package-solution --ship --no-color

Parámetros

azureAppService/zipDeploy

Ejemplo

  - uses: azureAppService/zipDeploy
    with:
      workingDirectory: ./src
      artifactFolder: .
      ignoreFile: ./.webappignore
      resourceId: ${{BOT_AZURE_APP_SERVICE_RESOURCE_ID}}
      dryRun: false
      outputZipFile: ./.deployment/deployment.zip

Parámetros

azureFunctions/zipDeploy

Esta acción carga e implementa el proyecto en Azure Functions mediante la característica de implementación zip.

Ejemplo

  - uses: azureFunctions/zipDeploy
    with:
      workingDirectory: ./src
      artifactFolder: .
      ignoreFile: ./.webappignore
      resourceId: ${{BOT_AZURE_APP_SERVICE_RESOURCE_ID}}
      dryRun: false
      outputZipFile: ./.deployment/deployment.zip

Parámetros

azureStorage/deploy

Esta acción carga e implementa el proyecto en Azure Storage.

Ejemplo

  - uses: azureStorage/deploy
    with:
      workingDirectory: ./src
      artifactFolder: .
      ignoreFile: ./.webappignore
      resourceId: ${{BOT_AZURE_APP_SERVICE_RESOURCE_ID}} 

Parámetros

azureStorage/deploy

Esta acción carga e implementa el proyecto en Azure Storage.

Ejemplo

  - uses: azureStorage/deploy
    with:
      workingDirectory: ./src
      artifactFolder: .
      ignoreFile: ./.webappignore
      resourceId: ${{BOT_AZURE_APP_SERVICE_RESOURCE_ID}} 

Parámetros

spfx/deploy

Esta acción carga e implementa sppkg generado en el catálogo de aplicaciones de SharePoint. Puede crear el catálogo de aplicaciones de inquilino manualmente o estableciendo createAppCatalogIfNotExist en true si no tiene uno en el inquilino M365 actual.

Ejemplo

- uses: spfx/deploy
    with:
      createAppCatalogIfNotExist: false
      packageSolutionPath: ./src/config/package-solution.json

Parámetros

Vea también

• Introducción al kit de herramientas de Teams
• Crear e implementar un servicio en la nube de Azure
• Adición de guías paso a paso a la aplicación Teams
• Agregar recursos en la nube a la aplicación de Teams
• Aprovisionar recursos en la nube
• Editar manifiesto de aplicación