Code Apps : la nouvelle génération de Canvas Apps en React expliquée

Les Code Apps sont la réponse de Microsoft à une limite historique des Canvas Apps : l'impossibilité d'écrire du code React complet tout en restant dans l'écosystème Power Platform (authentification, connecteurs, Dataverse, gouvernance). Une Code App démarre comme une application web React classique, mais s'exécute et se sécurise comme une application Power Apps.

Où se positionnent les Code Apps dans l'écosystème Power Apps

Power Apps propose désormais plusieurs architectures, chacune avec un positionnement précis :

• Model Driven Apps : formulaires et vues générés automatiquement à partir du modèle de données, hautement personnalisables via scripting.
• Canvas Apps : application low-code en Power Fx, mode hors ligne disponible.
• Custom Pages / Generative Pages : pages intégrées dans une Model Driven App, avec assistance IA à la conception.
• Code Apps : nouvelle génération de Canvas App, en React complet, hébergée dans Power Apps (SPA), sans mode hors ligne pour l'instant.

Le point commun entre toutes ces architectures : elles s'appuient sur les mêmes sources de données (Dataverse, connecteurs) et le même modèle de sécurité Power Platform.

Architecture technique d'une Code App

Une Code App s'exécute dans une iframe sandboxée à l'intérieur de l'hôte Power Apps. Le SDK @microsoft/power-apps gère l'authentification, l'accès aux connecteurs et aux services Power Platform depuis le code React. Un fichier power.config.json contient les métadonnées de publication et de connexion utilisées par le SDK et la CLI.

Côté sécurité, l'hôte applique une Content Security Policy stricte par défaut, empêchant l'exfiltration de données via des appels réseau non désirés, tout en permettant l'intégration contrôlée dans un formulaire Model Driven App via iframe.

Mettre en place un premier projet Code App

1. Activer les Code Apps dans l'environnement Power Platform cible.
2. Installer Node.js, VS Code et le CLI pac.
3. Initialiser le projet avec le package npm @microsoft/power-apps (le « Power Apps SDK »).
4. Connecter une source de données : Dataverse ou un connecteur existant.
5. Développer et déboguer localement (npm run dev).
6. Builder puis publier avec pac code push.
7. Vérifier et partager l'application depuis make.powerapps.com.

Quand choisir une Code App plutôt qu'une Canvas App classique

Les Code Apps ont du sens pour les équipes qui disposent de compétences front-end React et qui ont besoin d'une flexibilité d'interface que Power Fx ne permet pas facilement (interactions complexes, bibliothèques JavaScript spécifiques, design system existant). Pour une application simple, orientée formulaire, sans besoin d'interface sur-mesure, une Canvas App classique ou une Model Driven App reste plus rapide à produire et plus accessible aux profils citizen developers.

Questions fréquentes

Les Code Apps fonctionnent-elles hors ligne ?

Non, contrairement aux Canvas Apps classiques, les Code Apps ne prennent pas en charge le mode hors ligne à ce stade.

Faut-il être développeur pour créer une Code App ?

Oui, une Code App suppose une réelle compétence React/TypeScript. C'est une architecture pensée pour les profils pro-code ou fusion dev, pas pour les citizen developers qui resteront plus à l'aise avec les Canvas Apps classiques en Power Fx.

Une Code App peut-elle utiliser Dataverse et des connecteurs en même temps ?

Oui, le SDK Power Apps gère l'accès à Dataverse comme aux connecteurs Power Platform standards depuis le même projet React.