Déployer une application Microsoft Teams dans le cloud à l’aide de Microsoft Visual Studio Code

Le kit de ressources Microsoft Teams permet de déployer ou de charger le code frontal et principal dans votre application sur vos ressources cloud provisionnée dans Azure.

Vous pouvez déployer sur les types de ressources cloud suivants :

• Azure App Services
• Azure Functions
• Stockage Azure (en tant que site web statique)
• SharePoint

Déployer des applications Teams à l’aide du Kit de ressources Teams

Le guide de prise en main vous aide à déployer à l’aide du Kit de ressources Teams. Vous pouvez utiliser les éléments suivants pour déployer votre application Teams :

Connectez-vous à votre compte Azure

Utilisez ce compte pour accéder au portail Microsoft Azure et provisionner de nouvelles ressources cloud pour prendre en charge votre application. Avant de déployer votre application sur Azure App Service, Azure Functions ou Stockage Azure, vous devez vous connecter à votre compte Azure.

1. Ouvrez Visual Studio Code.

2. Ouvrez le dossier de projet dans lequel vous avez créé l’application.

3. Sélectionnez l’icône Teams Toolkit dans la barre latérale.

4. Sélectionnez Se connecter à Azure.

   Conseil

   Si l’extension compte Azure est installée et que vous utilisez le même compte, vous pouvez ignorer cette étape. Utilisez le même compte que celui que vous utilisez dans d’autres extensions.

   Votre navigateur web par défaut s’ouvre pour vous permettre de vous connecter au compte.

5. Connectez-vous à votre compte Azure à l’aide de vos informations d’identification.

6. Fermez le navigateur lorsque vous y êtes invité et revenez à Visual Studio Code.

La section COMPTES de la barre latérale affiche les deux comptes séparément. Il répertorie également le nombre d’abonnements Azure utilisables disponibles. Vérifiez que vous disposez d’au moins un abonnement Azure utilisable. Si ce n’est pas le cas, déconnectez-vous et utilisez un autre compte.

Vous êtes maintenant prêt à déployer votre application sur Azure !

Félicitations, vous avez créé une application Teams ! Nous allons maintenant apprendre à déployer l’une des applications sur Azure à l’aide du Kit de ressources Teams.

Déployer sur Azure

1. Sélectionnez Déployer dans la section CYCLE de vie dans le volet gauche.

   

2. Sélectionnez un environnement. (S’il n’existe qu’un seul environnement, cette étape est ignorée.)

3. Sélectionnez Déployer.

   

4. Sélectionnez l’icône Teams Toolkit dans la barre latérale.

Personnaliser le cycle de vie du déploiement dans Teams

Pour personnaliser le processus de déploiement, vous pouvez modifier les sections de déploiement dans « teamsapp.yml ».

cli/runNpmCommand

Cette action exécute les commandes npm sous le répertoire spécifié avec des paramètres.

Échantillon

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

Paramètres

cli/runDotnetCommand

Cette action exécute des commandes dotnet sous le répertoire spécifié avec des paramètres.

Échantillon

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

Paramètres

cli/runNpxCommand

Échantillon

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

Paramètres

azureAppService/zipDeploy

Échantillon

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

Paramètres

azureFunctions/zipDeploy

Cette action charge et déploie le projet dans Azure Functions à l’aide de la fonctionnalité zip deploy.

Échantillon

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

Paramètres

azureStorage/deploy

Cette action charge et déploie le projet dans stockage Azure.

Échantillon

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

Paramètres

azureStorage/deploy

Cette action charge et déploie le projet dans stockage Azure.

Échantillon

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

Paramètres

spfx/deploy

Cette action charge et déploie le sppkg généré dans le catalogue d’applications SharePoint. Vous pouvez créer un catalogue d’applications client manuellement ou en définissant createAppCatalogIfNotExist sur true si vous n’en avez pas dans le locataire M365 actuel.

Échantillon

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

Paramètres

Voir aussi

• Vue d’ensemble du Kit de ressources Teams
• Créer et déployer un service cloud Azure
• Ajouter des guides pratiques à l’application Teams
• Ajouter des ressources cloud à l’application Teams
• Provisionner des ressources cloud
• Modifier le manifeste de l’application