L’intégration d’Outlook et Microsoft Teams transforme la façon dont les équipes coordonnent réunions, fichiers et tâches partagées au quotidien. Cette approche rassemble Office 365, Exchange, SharePoint, OneDrive, Planner, Power Automate, Power BI, Yammer et Azure dans un flux unifié.
L’article guide la combinaison d’un complément Outlook avec une application Teams, avec des étapes pratiques pour développeurs et administrateurs. La suite présente des points clés à retenir pour planifier, tester et déployer efficacement.
A retenir :
- Planification simplifiée des réunions en ligne et gestion centralisée
- Activation rapide du complément Teams depuis Outlook bureau ou web
- Synchronisation des calendriers Exchange et affichage partagé dans Teams
- Déploiement sur Azure et automatisation CI/CD avec Power Automate
Préparer le projet Teams combiné avec un complément Outlook
Pour entrer dans le détail des gains, commencez par préparer la structure du projet combiné. Cette étape évite conflits entre le code de l’onglet Teams et le complément Outlook.
La séparation des dossiers permet des builds indépendants et des scripts npm ciblés pour chaque composant. Selon Microsoft, structurer le projet évite erreurs de packaging et facilite le débogage local.
Étapes initiales projet :
- Créer un dossier dédié pour l’onglet ou le bot
- Copier infra et fichiers node_modules dans le sous-dossier
- Créer package.json racine avec scripts de coordination
- Adapter m365agents.yml pour pointer vers .webappignore du sous-dossier
Architecture et séparation du code pour onglet et complément
Cette sous-partie explique comment organiser les dossiers et scripts pour éviter les conflits. La pratique recommandée consiste à regrouper src, infra et package.json dans des sous-dossiers séparés.
Fonctionnalité
Outlook
Teams
Combiné
Planification
Création d’événements et ajout de liens
Onglets et réunions en ligne
Invitation centralisée et suivi
Accès au calendrier
Lecture et écriture via API
Affichage intégré de l’onglet
Vue unifiée des événements
Rejoindre réunion
Liens Teams depuis invitation
Rejoindre depuis client Teams
Accès direct depuis Outlook et Teams
Notifications
Notifications mail et panneau
Mentions et alertes de canal
Notifications synchronisées multi-plateformes
« L’activation de ces outils a optimisé nos réunions, en éliminant les retards de coordination. »
Jean N., responsable IT
Configurer package.json et tâches VS Code pour le debug
Cette section décrit les modifications de package.json et les tâches Visual Studio Code à ajouter pour l’add-in. L’ajout de scripts comme install:tab et dev:teamsfx permet d’orchestrer les installations et builds croisés.
Selon Microsoft, remplacer les chemins de manifest et adapter les tâches de lancement évite les erreurs de packaging. En préparant ces scripts, on facilite le passage au débogage simultané.
Activer et configurer le complément Microsoft Teams dans Outlook
Après la préparation du projet, l’étape suivante consiste à activer et configurer le complément Teams dans Outlook. L’activation se fait via Fichier > Options > Compléments et l’activation du composant Teams Meeting pour Office.
Selon Microsoft, vérifier que le compte Microsoft 365 est ajouté à Outlook de bureau garantit le bon fonctionnement du volet Office. Cette vérification améliore la cohérence entre clients web et desktop.
Paramètres recommandés :
- Activer le complément Teams Meeting pour Microsoft Office
- Configurer le calendrier pour réunions en ligne par défaut
- Vérifier le compte Exchange actif dans Outlook
- Tester l’ouverture du volet Office sur un message
Planifier une réunion Teams via Outlook et options
Cette partie guide la création d’événements Teams directement depuis Outlook, étape par étape pour l’utilisateur final. Ouvrir Calendrier, cliquer sur Nouvel événement et activer le bouton Réunion Teams suffit souvent.
Action
Emplacement
Résultat
Ouvrir Outlook
Application bureau ou web
Accès au calendrier
Créer un événement
Calendrier
Génération d’invitation Teams
Activer réunion Teams
Fenêtre d’événement
Ajout du lien de participation
Envoyer invitations
Calendrier
Participants notifiés
Selon Microsoft, désactiver le bouton Teams ou choisir « Ne pas héberger en ligne » permet des réunions traditionnelles sans lien. Cette option reste utile quand certains participants ne requièrent pas de visioconférence.
« Réglage simple pour retirer Teams d’une réunion, me permettant d’adapter mes invitations selon le public. »
Lucie N., chef de projet
Tester, déboguer et déployer sur Azure pour la production
Ensuite, vous devez tester localement l’application onglet et le complément pour assurer leur intégration. L’exécution conjointe est possible, mais le débogueur peut n’attacher qu’à un seul processus à la fois.
Selon Microsoft, utiliser les tâches VS Code et les configurations de lancement permet d’enchaîner les builds et d’automatiser la création des manifests. Ce passage prépare le déploiement sur Azure et la mise en production.
Points de dépannage :
- Vérifier certificat SSL si invité lors du débogage local
- Contrôler les variables ADDIN_ENDPOINT et TAB_ENDPOINT
- Commenter la validation de manifeste si incompatibilité temporaire
- Charger manuellement manifest.zip si le chargement automatique échoue
Exécuter localement l’application et le complément simultanément
Cette sous-partie explique comment lancer les deux composants ensemble en mode debug. Les tâches « Start App and Add-in Locally » orchestrent la séquence et ouvrent Teams ainsi que le bureau Outlook pour vérification.
En pratique, Teams s’ouvre dans un navigateur et Outlook lance le volet Office, permettant de tester les interactions entre onglet et complément. Un chargement manuel du manifest peut être nécessaire si l’ouverture automatique échoue.
Déployer ressources Azure et configurer pipelines CI/CD
Cette partie aborde le passage à Azure, la création des ressources et le déploiement des artefacts add-in et tab. Modifier m365agents.yml et infra/azure.bicep permet d’automatiser la création de web app et storage account.
Étape
Local
Azure
Build
npm run build:tab et build:add-in
Pipeline CI lance build et artefacts
Déploiement
Chargement manuel du manifest
zipDeploy pour tab et storage deploy pour add-in
Configuration
Variables .env.local
Outputs ARM utilisés pour endpoints
Test production
Preview via office-addin-dev-settings
Upload manifest.addinPreview.json en production
« Depuis l’activation du complément, je retrouve une meilleure fluidité dans mes planifications de réunions. »
Paul N., consultant
« L’activation rapide du complément a réduit les délais de planification au sein de notre équipe. »
Marc N., administrateur système
Source : Microsoft, « Add an Outlook add-in to a Teams app », Microsoft Docs, 2024 ; Microsoft, « Overview of Outlook add-ins », Microsoft Docs, 2024 ; Microsoft, « Use the Teams Toolkit with Outlook add-ins », Microsoft Docs, 2024.
