Partager la phase de réunion dans Teams
Partager la phase de réunion dans Teams permet d’activer et de configurer vos applications pour les réunions Teams. Il permet aux utilisateurs de partager la phase de réunion, ce qui permet aux participants d’ajouter les détails de l’état des tâches passées, présentes et futures, améliorant ainsi l’expérience de réunion Teams.
Fonctionnalités clés de la phase de réunion de partage dans Teams
- Ajoutez les détails de l’état dans le panneau latéral.
- Ajoutez des détails pour la collaboration.
Ce guide pas à pas vous aide à partager la phase de réunion dans Teams pour ajouter des détails d’état pour la collaboration. Vous pouvez voir la sortie suivante :
Configuration requise
Veillez à installer les outils suivants et à configurer votre environnement de développement :
Installer | Pour l’utilisation... | |
---|---|---|
Microsoft Teams | Microsoft Teams vous permet de collaborer avec toutes les personnes avec lesquelles vous travaillez via des applications pour la conversation, les réunions et les appels au même endroit. | |
Visual Studio 2022 | Vous pouvez installer la version entreprise dans Visual Studio 2022 et installer les charges de travail de développement ASP.NET et web. Utilisez la dernière version. | |
Node.js et NPM | Environnement runtime JavaScript principal. Pour plus d’informations, consultez Node.js table de compatibilité des versions pour le type de projet. | |
Tunnel de développement | Les fonctionnalités de l’application Teams (bots conversationnels, extensions de message et webhooks entrants) ont besoin de connexions entrantes. Un tunnel connecte votre système de développement à Teams. Le tunnel de développement est un outil puissant pour ouvrir en toute sécurité votre localhost sur Internet et contrôler qui a accès. Le tunnel de développement est disponible dans Visual Studio 2022 version 17.7.0 ou ultérieure. Vous pouvez également utiliser ngrok comme tunnel pour connecter votre système de développement à Teams. Elle n’est pas obligatoire pour les applications qui incluent uniquement des onglets. Ce package est installé dans le répertoire du projet (à l’aide de npm devDependencies). |
Remarque
Après avoir téléchargé ngrok, inscrivez-vous et installez authtoken.
Configurer l’environnement local
Ouvrez Microsoft-Teams-Samples.
Sélectionnez Code.
Dans le menu déroulant, sélectionnez Ouvrir avec GitHub Desktop.
Sélectionnez Cloner.
Remarque
Si vous rencontrez l’erreur Nom de fichier trop long, appliquez la commande git config --system core.longpaths true
git dans le terminal administrateur de votre choix.
Configurer le tunnel pour le serveur web local
Créer un tunnel
Ouvrez Visual Studio.
Sélectionnez Créer un projet.
Dans la zone de recherche, entrez ASP.NET. Dans les résultats de la recherche, sélectionnez ASP.NET Core Web App.
Sélectionnez Suivant.
Entrez Nom du projet , puis sélectionnez Suivant.
Sélectionnez Créer.
Une fenêtre de vue d’ensemble s’affiche.
Dans la liste déroulante de débogage, sélectionnez Dev Tunnels (aucun tunnel actif)>Créer un tunnel....
Une fenêtre contextuelle apparaît.
Mettez à jour les détails suivants dans la fenêtre contextuelle :
- Compte : entrez un compte Microsoft ou GitHub.
- Nom : entrez un nom pour votre tunnel.
- Type de tunnel : dans la liste déroulante, sélectionnez Temporaire.
- Accès : dans la liste déroulante, sélectionnez Public.
Sélectionnez OK.
Une fenêtre contextuelle s’affiche pour indiquer que le tunnel de développement a été créé avec succès.
Sélectionnez OK.
Vous trouverez le tunnel que vous avez créé dans la liste déroulante de débogage comme suit :
Sélectionnez F5 pour exécuter l’application en mode débogage.
Si une boîte de dialogue Avertissement de sécurité s’affiche, sélectionnez Oui.
Une fenêtre contextuelle apparaît.
Cliquez sur Continuer.
La page d’accueil du tunnel de développement s’ouvre dans une nouvelle fenêtre de navigateur et le tunnel de développement est maintenant actif.
Accédez à Visual Studio, puis sélectionnez Afficher la > sortie.
Dans le menu déroulant Console de sortie, sélectionnez Tunnels de développement.
La console de sortie affiche l’URL du tunnel de développement.
Configurer le fichier manifeste
Accédez à manifest.json dans node.js dossier du référentiel cloné.
Ouvrez manifest.json dans Visual Studio et apportez les modifications suivantes :
- Remplacez par
<<TEAMS_APP_ID>>
l’ID d’application Microsoft de votre bot. - Remplacez par
<<TAB_DOMAIN>>
votre nom de domaine ngrok ou tunnel de développement. - Remplacez par
<<VALID DOMAIN>>
votre nom de domaine ngrok ou tunnel de développement.
- Remplacez par
Générer et exécuter à l’aide de npm
Dans votre dépôt cloné, accédez à exemples>meetings-stage-view>nodejs.
Copiez le chemin du dossier nodejs .
Ouvrez une nouvelle fenêtre d’invite de commandes et remplacez le répertoire actif par le chemin d’accès nodejs copié.
Exécutez la commande suivante dans l’invite de commandes pour télécharger les packages et les dépendances :
npm install
Exécutez la commande suivante dans l’invite de commandes pour démarrer l’application :
npm start
Ajouter une étape de réunion à Teams
Dans votre dépôt cloné, accédez à exemples> meetings-stage-view> nodejs> appManifest.
Créez un .zip avec les fichiers suivants présents dans le dossier appManifest :
- manifest.json
- outline.png
- color.png
Créez une réunion avec quelques présentateurs et participants.
Une fois la réunion créée, rejoignez la réunion.
Accédez à la page des détails de la réunion et sélectionnez l’icône Applications pour ajouter une application.
Dans la boîte de dialogue contextuelle, sélectionnez Gérer les applications.
Sélectionnez Charger une application.
Accédez à exemples> meetings-stage-view> nodejs> appManifest.
Sélectionnez Ouvrir pour charger le fichier .zip que vous avez créé dans le dossier appManifest .
Sélectionnez Ajouter.
Sélectionnez Configurer un onglet.
La section Gérer les applications affiche la liste des applications.
Interagir avec l’application dans Teams
Accédez à la réunion Teams.
Sélectionner les applications.
Dans la page de sélection de l’application, l’application Application en réunion s’affiche.
Sélectionnez l’application Application en réunion .
Sélectionnez Enregistrer.
L’icône est visible dans la fenêtre de réunion.
Sélectionnez +l’état du sprint. Une boîte de dialogue Détails de l’état s’affiche.
Entrez Affecté à et Description.
Sélectionnez Ajouter.
Application dans la vue du panneau latéral :
Relever le défi
Tu as trouvé quelque chose comme ça ?
Félicitations !
Vous avez terminé le tutoriel pour commencer à partager la phase de réunion dans Teams.
Vous avez un défi avec cette section ? Si c'est le cas, faites-nous part de vos commentaires pour que nous puissions l'améliorer.