Groupe des Usagers Microsoft 365 - Octobre 2026

Le retour du HTML dans SharePoint : ce que Copilot fait bien, où SPFx reste utile, et pourquoi c'est plus simple qu'avant grâce à l'IA

Deux démos, une bibliothèque de factures : un dashboard généré en quelques minutes avec Copilot, une application SPFx bâtie avec l'IA.

Gilberto Rancourt, Collab2G · 1er octobre 2026, bureaux de Microsoft à Québec

Consultant indépendant

Collab2G

Plein de tenants en même temps

Je vois un peu de tout.

Coder avec l'IA, c'est mon quotidien

Ça a changé ma vie, mais surtout ma façon de livrer des solutions SharePoint.

Ce soir, du concret

Quelques démos assez le fun. Je vais vous dire ce qui est officiel et ce qui s'en vient.

Le fil de la soirée : une bibliothèque de factures

Bibliothèque Factures dans SharePoint avec quatre factures PDF
Le contrôleur financier approbation

Approuver les factures vite, sans courir après personne.

Le gars des TI SharePoint

Une bibliothèque bien structurée et sécurisée, qui ne part pas dans tous les sens.

La direction dashboard

Voir d'un coup d'oeil ce qu'on doit, à qui, et ce qui est en retard.

Le plan

Première moitié : les pages HTML

  • Ce qui a changé en 2026 et le GA
  • L'IA bâtit la bibliothèque et remplit les colonnes
  • Démo : un dashboard factures généré par Copilot
  • Sous le capot : le sandbox, les données, les limites
  • Créer, publier, et les pièges à connaître

Deuxième moitié : quand il faut écrire

  • Le mur : le bouton Approuver
  • SPFx en 2026, en codant avec l'IA
  • Démo : même bibliothèque, une application SPFx complète
  • Ce qui s'en vient en octobre
  • Grille de décision et gouvernance

Première partie

Ce qui a changé dans SharePoint en 2026

Treize mois où SharePoint est passé de « je stocke » à « je produis ».

Chronologie : de Knowledge Agent au GA

  • Sept. 2025 Knowledge Agent apparaît dans SharePoint
  • Mars 2026 Renommé « AI in SharePoint », préversion publique
  • Juin 2026 Copilot in SharePoint activé par défaut pour les licenciés
  • Juillet 2026 Rapports HTML interactifs, documents Office, /Skills
  • Août 2026 Dashboards HTML liés à une liste, un Excel ou un CSV
  • Sept. 2026 _html pour tous les agents IA, skills personnelles
  • 30 sept. 2026 Copilot in SharePoint et OneDrive en disponibilité générale

Nouveau cette semaine

L'IA dans SharePoint passe en disponibilité générale

30 sept.

Copilot in SharePoint et Copilot in OneDrive sortent de la préversion. La veille de notre rencontre.

Microsoft présente maintenant SharePoint comme la couche de connaissances de l'app Copilot et des agents : ce qui est bien organisé dans vos sites devient le contexte que l'IA utilise partout.

Annonce « SharePoint AI innovations hit GA, powering new Copilot app and agents », Tech Community, 25 septembre 2026.

L'annonce qui fait jaser : les dashboards HTML « live-linked »

Août 2026. Copilot génère, à partir d'une liste, un rapport HTML interactif qui reste connecté à la liste et se recharge à chaque ouverture. Aussi à partir d'Excel et de CSV.

Le problème qu'on règle

Le tableau de bord fait à partir d'un export Excel est périmé dès qu'il est créé. On exporte, on rebâtit, on recommence lundi prochain.

Ce que le marketing laisse entendre

« Des dashboards et des apps connectés aux données. » Le mot « apps » est là où il faut ralentir. On va voir pourquoi.

Ce que Microsoft veut qu'on voie

Exemple de page HTML Zava Learning dans SharePoint

Une page HTML dans SharePoint, avec l'en-tête et la navigation du site autour. Capture : Microsoft Support.

Créer, modifier, publier : maintenant natif

Créer

« + Nouveau », puis Page HTML. Ou le bouton Copilot.

Menu Nouveau avec Page HTML

Téléverser

Une page ou un dossier HTML, directement dans Site Pages.

Menu Créer ou téléverser

Publier

On modifie le texte dans la page, on publie, on partage.

Menu Partager d'une page publiée

Captures : Microsoft Support.

Démo

Un dashboard factures en quelques minutes

Bibliothèque Factures, panneau Copilot, un prompt. On regarde ce qui sort.

D'abord, l'IA bâtit la bibliothèque

Créer une bibliothèque de documents avec l'IA dans SharePoint

Un prompt dans SharePoint et la bibliothèque Factures est créée, avec ses colonnes à remplissage automatique.

Chaque colonne a son prompt. À chaque téléversement, l'IA lit la facture et remplit les colonnes.

Prompt : ajouter trois colonnes à remplissage automatique
Dans cette bibliothèque SharePoint, créez trois colonnes de remplissage automatique à partir du contenu des factures PDF :
1- Créez une colonne de remplissage automatique nommée « Numéro de projet ». Extrayez le numéro de projet indiqué sur la facture, par exemple « Projet : 11053 ». Retournez uniquement le numéro.
2- Créez une colonne de remplissage automatique nommée « Bon de commande ». Extrayez le numéro de bon de commande indiqué sur la facture, par exemple « Bon de commande : 11053-381 ». Retournez uniquement le numéro.
3- Créez une colonne de texte avec remplissage automatique nommée « Montant total ». Extrayez le montant total à payer de la facture, taxes incluses. Retournez uniquement le montant, par exemple « 12 345,67 ».

Le prompt et l'itération

Prompt de départ, depuis la bibliothèque
Crée un fichier HTML « live linked » basé sur cette bibliothèque. Ajoute des filtres par fournisseur et par statut en haut. Affiche le nombre de factures, le total à payer et le nombre de factures en retard comme indicateurs. Ajoute un bouton pour rafraîchir les données.
Itération, depuis le fichier HTML
Assure-toi que le montant est connecté sur Montant total. Attention, ce n'est pas un chiffre, mais tu peux interpréter le texte comme un montant en dollars. Ajoute un graphique à barres des montants par fournisseur. Mets les factures échues depuis plus de 90 jours en rouge.
2e itération, à partir d'une image
Peux-tu faire un 2e tableau de bord live en te référant à l'image suivante : https://collab2g.sharepoint.com/:i:/s/demo-facturation/IQAF8ASHIkNnSaz03Vs9y0bMAWQ-cSLmYtvVLQwEhle-PB8?e=lcNzuP

D'autres idées d'itérations

  • Ajoute une recherche sur le numéro de facture.
  • Rafraîchis automatiquement toutes les 5 minutes.

Chaque demande réécrit le fichier au complet. Il n'y a pas de fusion, pas d'historique autre que le versionnage de la bibliothèque.

Ce que Copilot a livré

Tableau de bord HTML Synthèse des factures généré par Copilot
  • Filtres par entreprise, projet, année, statut et dates
  • Indicateurs, répartition par fournisseur, évolution mensuelle, cheminement, tranches de montant, projets
  • Bouton Refresh : les données sont rechargées à chaque ouverture
  • Consultable par tous ceux qui ont accès à la bibliothèque

Données fictives, noms de fournisseurs masqués.

Deuxième partie

Sous le capot

Ce qu'une page HTML SharePoint est vraiment, et ce que ça implique.

Une page HTML, c'est un fichier, qui vit maintenant dans Site Pages

Comme un PDF. SharePoint affiche des PDF depuis toujours. Il affiche maintenant des .html. La différence : le HTML peut exécuter du script et recevoir des données au démarrage.

Comme un PDF

Ne change rien dans SharePoint. Ne connaît pas l'utilisateur. Ne sort jamais de sa visionneuse.

Pas comme un PDF

Du JavaScript tourne dedans, dans un sandbox. Et SharePoint lui livre des données de listes ou de fichiers avant le rendu.

Et maintenant, une vraie page

Stockée dans Site Pages, à côté des pages ASPX, avec Modifier, Publier, Partager et les mêmes statistiques.

Analyse technique : Denis Molodtsov, 17 août 2026, en partie dépassée par la documentation officielle de Microsoft publiée fin septembre.

Le flux, en cinq étapes

1. ClicSharePoint ouvre le fichier .html
→
2. ManifesteIl lit le bloc qui déclare les sources de données
→
3. DonnéesIl charge jusqu'à 100 000 lignes par source
→
4. InjectionIl pousse les lignes dans le fichier isolé
→
5. RenduVotre script affiche, filtre et trie en mémoire

Le fichier HTML ne va jamais chercher de données lui-même. Il n'en a pas le droit. Tout est livré une seule fois, au rendu.

Rafraîchir = recharger toute la page SharePoint et refaire les étapes 2 à 5. Aucune mise à jour incrémentale.

Le manifeste : la seule chose que le fichier « demande »

Forme générée par Copilot pour une liste

<script type="application/json"
        class="ka-livedata-manifest">
[{
  "kind": "list",
  "spItemUrl": "list:https://tenant.sharepoint.com/sites/Fin/<listId>",
  "webUrl": "https://tenant.sharepoint.com/sites/Fin",
  "listId": "<listId>",
  "label": "Factures"
}]
</script>

Ce qui arrive dans l'iframe

window.__LD_RESULTS__ = {
  "list:https://…/<listId>": {
    "format": "rows",
    "content": "{\"headers\":[\"Title\",
      \"Fournisseur\",\"MontantTotal\"…],
      \"rows\":[[\"F-0142\",\"Laurier inc.\",
      \"1 437,19 $\"…]]}"
  }
};
  • Un tableau : jusqu'à 32 sources dans un même fichier
  • content est une chaîne JSON à parser
  • Les valeurs arrivent formatées pour l'affichage, pas brutes

Attention, ce code roule complètement isolé

  • fetch bloqué
  • appels d'API bloqués
  • localStorage bloqué
  • CDN tiers bloqués
  • autre tenant bloqué

SharePoint affiche la page dans un iframe isolé, séparé de l'en-tête, du pied de page et de la navigation du site. Des règles de sécurité (CSP) ajoutent une couche de plus.

  • Le JavaScript fonctionne s'il est dans le fichier
  • Seules exceptions : Chart.js, Mermaid, React, Fluent UI et Babylon, servis par Microsoft
  • Les données viennent des listes et des fichiers Excel, jamais d'une API
  • Aucun formulaire ne peut écrire dans SharePoint

Microsoft le confirme noir sur blanc dans sa documentation.

Ce qui fonctionne, ce qui ne fonctionne pas

Besoin
Données de listes ou d'ExcelOui, jusqu'à 100 000 lignes par source
Filtrer, trier, chercherOui, en mémoire
GraphiquesOui, Chart.js ou Mermaid fournis par Microsoft
ImagesOui, en base64 ou du même domaine
Thème du siteOui, si la page vient de Copilot
Liens dans le site et le tenantOui
Consulter dans Teams mobileOui
Besoin
Écrire dans SharePointNon
Appeler REST, Graph ou une APINon
Données de Jira ou d'une autre source tierceNon
Bibliothèques sur un autre CDNNon
Vidéo ou document Office affiché dans la pageNon
Liens vers l'extérieurAvec la liste d'autorisation du site
Taille de la page10 Mo maximum

Les liens : plus ouverts qu'on pensait

Dans le même site et le même tenant, ça passe tout seul. Vers l'extérieur, un admin du site doit autoriser le domaine.

Ça passe tout seul

  • Les liens vers le même site
  • Les liens vers le reste du tenant
  • Les ancres dans la page
  • Les fichiers Word, Excel, PowerPoint et PDF, dans un nouvel onglet

Demande une autorisation

  • Les liens vers un autre tenant
  • Les liens hors SharePoint
  • Paramètres du site, puis HTML Field Security, puis ajouter le domaine

Septembre : votre tenant documente lui-même son sandbox

Chaque tenant expose une page de découverte, générée à partir du code de la visionneuse et mise à jour automatiquement :

https://<tenant>.sharepoint.com/_html
Page SharePoint /_html dans le tenant Collab2G

Pourquoi c'est un tournant

En août, seul Copilot connaissait le format du manifeste. Un HTML généré ailleurs s'affichait blanc, sans erreur.

En septembre, le contrat est public et lisible par machine. N'importe quel agent peut produire un fichier conforme, même chez un client qui n'a pas Copilot.

Microsoft le dit : pointez Cowork, Scout, GitHub Copilot, Copilot Studio ou n'importe quel assistant IA vers cette page.

Le piège des sous-dossiers

Avec des factures rangées par année et par mois dans des sous-dossiers, le dashboard ne voit que le dossier racine.

SharePoint va chercher les lignes avant l'affichage, et il ne descend pas dans les sous-dossiers.

Ce n'est pas une limite du HTML, c'est la façon dont les données sont chargées.

La bonne pratique

  • Un seul dossier pour les factures
  • Classer avec des colonnes (année, mois, fournisseur, projet) plutôt qu'avec des dossiers
  • Des vues filtrées pour retrouver ses petits

Bonus : les métadonnées aident aussi l'autofill et Copilot à mieux comprendre la bibliothèque.

Quatre pièges à connaître

1. Activé site par site

Le propriétaire doit activer « Allow HTML files » dans Site Pages, sous Types de fichiers. Sinon, l'option n'apparaît même pas.

Panneau Types de fichiers avec Allow HTML files activéCapture : démo publique sur YouTube
2. Aucun interrupteur global

On ne peut pas désactiver les pages HTML pour tout le tenant. Seulement site par site.

3. « Modifier dans SharePoint » déplace

Le fichier HTML quitte sa bibliothèque d'origine et s'en va dans Site Pages.

4. 10 Mo et Site Assets

Une page fait 10 Mo au maximum. Les images d'un dossier téléversé vont dans Site Assets.

Utilisez une page HTML quand tout ceci est vrai

  • Lecture seule, rien à écrire
  • Des données dans une liste ou un Excel, bien en dessous de 100 000 lignes
  • Pas besoin de coédition, de planification ni de commentaires
  • Une page de moins de 10 Mo
  • Personne n'a besoin de l'imprimer
  • La personne qui la maintient a Copilot, ou vous avez un agent de code

Le vrai cas d'usage

Un gestionnaire qui exporte une liste vers Excel chaque lundi pour faire un tableau de bord. Il prompte une fois, itère deux fois, et le tableau de bord se recharge tout seul chaque fois qu'il l'ouvre.

Rien de plus, rien de moins. Et c'est déjà beaucoup.

« C'est beau. Maintenant que je peux filtrer rapidement, est-ce que je peux changer les états et voir la facture ? »

Le contrôleur financier, cinq minutes après avoir vu le dashboard.

Changer un état, approuver, afficher la facture dans la page, envoyer une notification. Aucun de ces gestes n'est possible dans un code qui roule complètement isolé. On change d'outil.

Troisième partie

Quand il faut coder :
SPFx en 2026.

Pourquoi SPFx redevient une option, plus que jamais.

Ce que SPFx a et que la page HTML n'aura jamais

  • Le contexte : utilisateur courant, site, page, thème
  • REST, Graph, PnP.js, écriture dans les listes et bibliothèques
  • Navigation, panneaux, dialogues, aperçu de documents
  • Intégration au site : web part, extension, audience targeting
  • Versionnage, tests, déploiement contrôlé par l'app catalog

Ce que ça coûte

  • Un développeur, ou un consultant avec un agent de code
  • Un package à approuver et déployer
  • Une gouvernance du cycle de vie
  • Historiquement, des semaines. Aujourd'hui, une fraction du temps. On va voir comment

Bon à savoir : les deux fonctionnent sur les sites où le script personnalisé est bloqué. La vraie différence, c'est que la page HTML n'a rien à déployer.

Trois forces, une seule solution.

Sur mesure · Web parts SPFx

Des interfaces taillées pour vos processus

Ce que vos équipes utilisent
Low-code · Lists, Forms, Power Automate

Listes et formulaires, formatage JSON

Ce qui se configure
Natif · SharePoint et Microsoft 365

Sécurité et permissions de votre tenant

Ce qui protège

Une composante sur mesure, appuyée sur le natif et le low-code.

Mon flux de travail SPFx avec l'IA

PrototyperMaquetter l'app avec un outil de design
→
ValiderLe client clique dans le prototype
→
RéaliserUn agent de code bâtit l'app SPFx
→
TesterOn ne relit pas tout, on teste tout
→
DéployerApp catalog et gouvernance, comme avant

La stack

  • SPFx avec React
  • PnP.js v4 pour SharePoint et Graph
  • PnP PowerShell pour provisionner la bibliothèque de démo

Ce qui change vraiment

  • Le client voit son app avant qu'elle existe
  • Le temps entre le prototype et le premier écran réel
  • Le nombre d'itérations qu'on peut se permettre

Étape 1 : prototyper l'app dans Claude Design

Prototype Démo facturation, liste des factures

Le client clique avant qu'on code

Prototype, détail d'une facture avec la chaîne d'approbation

Étape 2 : on passe le design à Claude Code, l'agent fait le travail

Claude Code dans VS Code sur le projet demo-facture

L'agent fait même le provisionnement

Le site

Création du site SharePoint et de ses bibliothèques.

creer-site.ps1
Les colonnes

Types de contenu, colonnes et vues.

provision.ps1
La sécurité

Crée les groupes, ajoute les membres et sécurise les contenus.

Les données de démo

Des fournisseurs, des projets et des factures réalistes, en quelques secondes.

seed-demo.ps1

La seule chose presque impossible à faire par code : créer les colonnes à remplissage automatique.

Encore plus ?

L'agent déploie lui-même le flux Power Automate.

Avec des super modèles de courriel.

Rappel hebdomadaire aux approbateurs : factures en retard, à traiter cette semaine, un bouton pour approuver.

Courriel de rappel hebdomadaire aux approbateurs

Démo

Même bibliothèque, une application SPFx complète

Bâtie avec Claude Code et déployée directement dans SharePoint. Tableau de bord à filtres croisés, approbations, réception, journal. Et une modification en direct.

Une vraie application, pas juste un dashboard

Application SPFx Démo facturation, page Indicateurs 1 2 3
  1. 1Un module par étape du processus : factures, approbations, réception, archives, journal
  2. 2Incarner un rôle pour tester ce que voit chaque utilisateur
  3. 3Cliquez un graphique et toute la page se filtre, comme dans Power BI

Même bibliothèque, deux approches

Page HTML Copilot

  • Quelques minutes, un prompt
  • KPI, filtres, tableau, graphique
  • Lecture seule, lien PDF en nouvel onglet
  • Aucun déploiement, aucun code à maintenir
  • Maintenu par la personne qui l'a demandé

Application SPFx

  • Une fraction du temps d'avant, en itérations
  • Approuver, rejeter, réceptionner, journaliser
  • Rôles, contexte utilisateur, filtres croisés
  • Package, app catalog, cycle de vie
  • Maintenue par un développeur ou un consultant

Ce que l'IA change en SPFx, et ce qu'elle ne change pas

Ça change

  • Le scaffolding, la plomberie PnP.js, les types
  • Le temps de lecture des erreurs de build
  • La documentation et les tests, écrits en même temps
  • La revue de code, qu'on peut maintenant faire assistée par l'IA
  • Le coût d'une itération : on essaie, on jette, on recommence

Ça ne change pas

  • Les tests : on ne relit pas tout, mais on teste tout
  • La gouvernance et la responsabilité de ce qui est déployé
  • Le besoin de comprendre SharePoint pour poser la bonne question
  • Bien comprendre la sécurité de SharePoint, et donc celle de votre app
  • Les limites de la plateforme, qui restent les mêmes

Un agent de code ne remplace pas le consultant senior. Il remplace les trois jours où le consultant plus junior faisait de la plomberie.

Ce que les pages HTML ne font pas (encore)

Pas encore

  • Coédition, brouillons privés, planification
  • Enregistrer comme modèle
  • Commentaires et réactions
  • Promouvoir en actualité, diffuser dans Teams ou Viva Engage
  • Vidéo et documents Office affichés dans la page
  • Modifier depuis Teams mobile

L'échéancier

  • Début octobre : préversion publique
  • Mi-novembre à fin décembre : disponibilité générale
  • Aucune action d'admin requise avant le déploiement

Sources : Microsoft Support, « Create, upload, edit, and publish HTML pages in SharePoint », et message MC1479517.

Trois choses à retenir

1. Une page HTML est un fichier

Il roule complètement isolé, en lecture seule. Le sandbox n'est pas une limite, c'est la fonctionnalité.

2. Le contrat est maintenant public

Avec _html, n'importe quel agent peut produire du HTML conforme, même sans Copilot.

3. Le custom SharePoint est plus accessible que jamais

Avec l'IA, une vraie application SPFx se bâtit en une fraction du temps. Le dashboard pour lire, l'app pour agir.

Ressources

Officiel

  • Microsoft Support : Create, upload, edit, and publish HTML pages in SharePoint
  • Message Center MC1479517 : SharePoint HTML pages
  • SharePoint AI innovations hit GA, 25 sept. 2026 (Tech Community)
  • What's New in Copilot in SharePoint : juillet, août, septembre 2026 (Tech Community)
  • github.com/SharePoint/sharepoint-html
  • https://<tenant>.sharepoint.com/_html/llms.txt
  • Build apps in Copilot Cowork and Copilot Studio, 10 sept. 2026
  • pnp.github.io/sharepoint-skills

Communauté

  • Denis Molodtsov, « SharePoint HTML pages: what they can and cannot do », spdenis.com (août 2026)
  • candede.com, « SharePoint Lists to Interactive HTML Reports with Copilot »
  • Ami Diamond, démos de dashboards live-linked
  • Daniel Anderson, skill de réconciliation factures et bons de commande
  • Andrew Wright, Round-up digital workplace news
  • Topedia : GA de Copilot in SharePoint, activation sur tous les sites

Merci

Questions, objections, et surtout : quel dashboard voulez-vous qu'on génère ensemble, là, maintenant ? Quelle application ?

Tout est possible, grâce à l'IA.

Gilberto Rancourt · Collab2G · collab2g.com · LinkedIn

Illustration animée : une application de gestion des demandes d’achat évolue de la maquette à la version en production, au fil des itérations tester-ajuster.

Flèches ou espace : naviguer · G : vue d'ensemble · Début / Fin