---
title: "AIS Runner : une interface bureau pour le développement local d'Azure Logic Apps Standard"
description: "AIS Runner est une application bureau basée sur Dioxus pour le développement local d'Azure Logic Apps Standard — gère, exécute, débogue et compare tes workflows sans quitter ton environnement de développement."
url: "https://mayorana.ch/fr/blog/ais-runner-intro-fr"
language: "fr"
date: "2026-05-29"
author: "Mohamed Bennekrouf"
tags:
  - "azure"
  - "logic-apps"
  - "dioxus"
  - "desktop"
en_version: "https://mayorana.ch/en/blog/ais-runner-intro.md"
---

# AIS Runner : une interface bureau pour le développement local d'Azure Logic Apps Standard

Développer des Azure Logic Apps Standard en local oblige habituellement à jongler entre la CLI, les extensions VS Code, le portail Azure, les pipelines DevOps et plusieurs terminaux pour inspecter des files Service Bus ou comparer des paramètres d'environnement. **AIS Runner** regroupe tout cela dans une seule application bureau basée sur Dioxus — une interface graphique pour gérer, exécuter, déboguer et comparer tes workflows sans quitter ton environnement de développement.

L'application est native sur macOS, Windows et Linux grâce à Dioxus desktop (WebView).

<div class="svg-container" style="margin:2rem 0;">
<svg class="aisr-fig" viewBox="0 0 800 300" width="100%" style="height:auto;max-width:780px;display:block;margin:0 auto;" role="img" aria-label="AIS Runner agit comme un hub bureau unique reliant le développement local, Azure cloud, DevOps et Service Bus">
<style>
.aisr-fig{--bg:#f8fafc;--box:#ffffff;--tx:#1e293b;--mut:#64748b;--ln:#cbd5e1;--ac:#FF6B00}
:root.dark .aisr-fig,[data-theme="dark"] .aisr-fig{--bg:#0f172a;--box:#1e293b;--tx:#f8fafc;--mut:#94a3b8;--ln:#475569}
.aisr-fig text{font-family:ui-sans-serif,system-ui,sans-serif;fill:var(--tx)}
.aisr-fig .title{font-size:14px;font-weight:700}
.aisr-fig .body{font-size:12px;font-weight:600}
.aisr-fig .cap{font-size:11px;fill:var(--mut)}
.aisr-fig .box{fill:var(--box);stroke:var(--ln);stroke-width:1.5}
.aisr-fig .acbox{fill:var(--ac);stroke:var(--ac)}
.aisr-fig .ln{stroke:var(--ln);stroke-width:1.5;fill:none}
</style>
<!-- defs -->
<defs>
<marker id="aisr-arrow-fr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M0,0 L10,5 L0,10 z" fill="var(--ln)"></path>
</marker>
</defs>
<!-- center hub -->
<rect class="acbox" x="300" y="20" width="200" height="55" rx="8"></rect>
<text x="400" y="43" text-anchor="middle" class="title" fill="#ffffff">AIS Runner</text>
<text x="400" y="61" text-anchor="middle" class="body" fill="#ffffff">Interface bureau (Dioxus)</text>
<!-- merge point -->
<path class="ln" d="M400,75 L400,110"></path>
<path class="ln" d="M115,110 L685,110"></path>
<path class="ln" d="M115,110 L115,160" marker-end="url(#aisr-arrow-fr)"></path>
<path class="ln" d="M305,110 L305,160" marker-end="url(#aisr-arrow-fr)"></path>
<path class="ln" d="M495,110 L495,160" marker-end="url(#aisr-arrow-fr)"></path>
<path class="ln" d="M685,110 L685,160" marker-end="url(#aisr-arrow-fr)"></path>
<!-- four targets -->
<rect class="box" x="30" y="160" width="170" height="100" rx="8"></rect>
<text x="115" y="185" text-anchor="middle" class="title">Env. local</text>
<text x="115" y="205" text-anchor="middle" class="cap">rustup, prérequis,</text>
<text x="115" y="220" text-anchor="middle" class="cap">local.settings.json,</text>
<text x="115" y="235" text-anchor="middle" class="cap">émulateur Azurite</text>
<!-- box 2 -->
<rect class="box" x="220" y="160" width="170" height="100" rx="8"></rect>
<text x="305" y="185" text-anchor="middle" class="title">Azure Cloud</text>
<text x="305" y="205" text-anchor="middle" class="cap">workflows déployés,</text>
<text x="305" y="220" text-anchor="middle" class="cap">az login,</text>
<text x="305" y="235" text-anchor="middle" class="cap">diff local vs cloud</text>
<!-- box 3 -->
<rect class="box" x="410" y="160" width="170" height="100" rx="8"></rect>
<text x="495" y="185" text-anchor="middle" class="title">Azure DevOps</text>
<text x="495" y="205" text-anchor="middle" class="cap">pipelines,</text>
<text x="495" y="220" text-anchor="middle" class="cap">variable groups</text>
<!-- box 4 -->
<rect class="box" x="600" y="160" width="170" height="100" rx="8"></rect>
<text x="685" y="185" text-anchor="middle" class="title">Service Bus / DB</text>
<text x="685" y="205" text-anchor="middle" class="cap">queues, DLQ,</text>
<text x="685" y="220" text-anchor="middle" class="cap">SQL, Cosmos DB,</text>
<text x="685" y="235" text-anchor="middle" class="cap">Blob / Azurite</text>
<!-- caption -->
<text x="400" y="285" text-anchor="middle" class="cap">Une seule app native remplace la jonglerie CLI + portail + terminaux</text>
</svg>
</div>

## 🔧 environnement de développement local

- **Auto-détection des prérequis** — vérifie la présence de Node.js, Azure Functions Core Tools, .NET et Java, et guide l'installation
- **Gestion des workspaces de projet** — lie tes projets Logic Apps locaux à leurs équivalents Azure (souscription, groupe de ressources, nom de l'app, namespace Service Bus)
- **Éditeur de `local.settings.json`** — éditeur clé/valeur visuel avec masquage des secrets, regroupé par catégorie (Service Bus, chaînes de connexion, etc.)
- **Support du thème système** — détection auto du mode sombre/clair de l'OS avec bascule manuelle

## ▶️ Exécution des workflows

- Exécution locale des workflows avec **prise en charge des triggers** (HTTP, Service Bus, Blob)
- **Éditeur de payload** — compose et envoie des payloads JSON pour déclencher les workflows
- **Injection de messages Service Bus** — envoi de messages vers des queues via AMQP, avec détection automatique de l'émulateur local ou du namespace cloud
- **Support des triggers Blob** — vérifications préalables de l'existence du conteneur Azurite
- **Historique des exécutions** — inspection détaillée de chaque exécution, entrées/sorties par action

## Visualisation des workflows

- Liste des workflows avec indicateurs de type de trigger et statut
- **Panneau graphique visuel** — rendu DAG des dépendances entre actions
- **Analyse des workflows** — détecte toutes les queues, connexions et actions référencées
- **Diagnostic des connexions** — valide les références dans `connections.json` et signale les bindings `@appsetting` cassés

## ☁️ Intégration Azure Cloud

- **Panneau Azure** — liste les workflows distants, diff entre local et déployé
- **Sync & deploy** — comparaison du JSON local avec la version déployée sur Azure
- **Téléchargement des configs distantes** — récupère `parameters.json` et `connections.json` depuis Azure
- **Historique d'exécution depuis Azure** — récupère l'historique des workflows déployés
- **Intégration `az login`** — détecte les tokens expirés et propose une ré-authentification

## 🔄 Intégration Azure DevOps

- **Visualiseur de pipelines** — liste et navigation dans les pipelines DevOps liés au projet
- **Auto-détection de l'URL DevOps** depuis le remote git
- **Navigateur de groupes de variables** — liste tous les variable groups DevOps et inspecte leur contenu

## ⊞ comparaison d'environnements

- **Comparaison multi-colonnes** — compare `local.settings.json` avec les paramètres Azure et plusieurs variable groups DevOps côte à côte
- **Filtrage des différences** — bascule « Différences seulement » avec cases par colonne pour comparer n'importe quel sous-ensemble d'environnements
- **Masquage des secrets** — masque les clés sensibles avec un bouton de révélation
- **Cellules cliquables** avec copie dans le presse-papiers et popup de détail

<div class="svg-container" style="margin:2rem 0;">
<svg class="aisenv-fig2" viewBox="0 0 800 250" width="100%" style="height:auto;max-width:780px;display:block;margin:0 auto;" role="img" aria-label="La grille de comparaison d'environnements aligne les paramètres locaux, les paramètres Azure et deux groupes de variables DevOps côte à côte, en signalant les cellules qui diffèrent">
<style>
.aisenv-fig2{--bg:#f8fafc;--box:#ffffff;--tx:#1e293b;--mut:#64748b;--ln:#cbd5e1;--ac:#FF6B00}
:root.dark .aisenv-fig2,[data-theme="dark"] .aisenv-fig2{--bg:#0f172a;--box:#1e293b;--tx:#f8fafc;--mut:#94a3b8;--ln:#475569}
.aisenv-fig2 text{font-family:ui-sans-serif,system-ui,sans-serif;fill:var(--tx)}
.aisenv-fig2 .title{font-size:13px;font-weight:700}
.aisenv-fig2 .body{font-size:12px;font-weight:600}
.aisenv-fig2 .cap{font-size:11px;fill:var(--mut)}
.aisenv-fig2 .box{fill:var(--box);stroke:var(--ln);stroke-width:1.5}
.aisenv-fig2 .hdr{fill:var(--bg);stroke:var(--ln);stroke-width:1.5}
.aisenv-fig2 .acbox{fill:var(--ac);stroke:var(--ac)}
.aisenv-fig2 .ln{stroke:var(--ln);stroke-width:1.5;fill:none}
</style>
<!-- defs -->
<defs>
<marker id="aisenv2-arrow-fr" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
<path d="M0,0 L10,5 L0,10 z" fill="var(--ac)"></path>
</marker>
</defs>
<!-- header row -->
<text x="20" y="28" class="title">Comparer les environnements — une ligne par clé, une colonne par environnement</text>
<rect class="box" x="560" y="12" width="220" height="26" rx="13"></rect>
<text x="670" y="30" text-anchor="middle" class="body" fill="var(--ac)">Différences seulement ✓</text>
<!-- column headers -->
<rect class="hdr" x="20" y="52" width="140" height="32" rx="6"></rect>
<text x="90" y="73" text-anchor="middle" class="body">Clé</text>
<rect class="hdr" x="170" y="52" width="145" height="32" rx="6"></rect>
<text x="243" y="73" text-anchor="middle" class="body">local.settings</text>
<rect class="hdr" x="325" y="52" width="145" height="32" rx="6"></rect>
<text x="398" y="73" text-anchor="middle" class="body">Paramètres Azure</text>
<rect class="hdr" x="480" y="52" width="145" height="32" rx="6"></rect>
<text x="553" y="73" text-anchor="middle" class="body">VG DevOps · DEV</text>
<rect class="hdr" x="635" y="52" width="145" height="32" rx="6"></rect>
<text x="707" y="73" text-anchor="middle" class="body">VG DevOps · PROD</text>
<!-- row 1: identical secret -->
<rect class="box" x="20" y="92" width="140" height="34" rx="6"></rect>
<text x="90" y="114" text-anchor="middle" class="cap">Sql:ConnStr</text>
<rect class="box" x="170" y="92" width="145" height="34" rx="6"></rect>
<text x="243" y="114" text-anchor="middle" class="cap">•••• masqué</text>
<rect class="box" x="325" y="92" width="145" height="34" rx="6"></rect>
<text x="398" y="114" text-anchor="middle" class="cap">•••• masqué</text>
<rect class="box" x="480" y="92" width="145" height="34" rx="6"></rect>
<text x="553" y="114" text-anchor="middle" class="cap">•••• masqué</text>
<rect class="box" x="635" y="92" width="145" height="34" rx="6"></rect>
<text x="707" y="114" text-anchor="middle" class="cap">•••• masqué</text>
<!-- row 2: value drift in PROD -->
<rect class="box" x="20" y="130" width="140" height="34" rx="6"></rect>
<text x="90" y="152" text-anchor="middle" class="cap">ServiceBus:ns</text>
<rect class="box" x="170" y="130" width="145" height="34" rx="6"></rect>
<text x="243" y="152" text-anchor="middle" class="cap">sb-dev</text>
<rect class="box" x="325" y="130" width="145" height="34" rx="6"></rect>
<text x="398" y="152" text-anchor="middle" class="cap">sb-dev</text>
<rect class="box" x="480" y="130" width="145" height="34" rx="6"></rect>
<text x="553" y="152" text-anchor="middle" class="cap">sb-dev</text>
<rect class="acbox" x="635" y="130" width="145" height="34" rx="6"></rect>
<text x="707" y="152" text-anchor="middle" class="body" fill="#ffffff">sb-prod</text>
<!-- row 3: key missing in one variable group -->
<rect class="box" x="20" y="168" width="140" height="34" rx="6"></rect>
<text x="90" y="190" text-anchor="middle" class="cap">Feature:Retry</text>
<rect class="box" x="170" y="168" width="145" height="34" rx="6"></rect>
<text x="243" y="190" text-anchor="middle" class="cap">true</text>
<rect class="box" x="325" y="168" width="145" height="34" rx="6"></rect>
<text x="398" y="190" text-anchor="middle" class="cap">true</text>
<rect class="acbox" x="480" y="168" width="145" height="34" rx="6"></rect>
<text x="553" y="190" text-anchor="middle" class="body" fill="#ffffff">— absente</text>
<rect class="box" x="635" y="168" width="145" height="34" rx="6"></rect>
<text x="707" y="190" text-anchor="middle" class="cap">true</text>
<!-- filter points at the flagged cells -->
<path class="ln" d="M670,38 L670,72 L707,72 L707,130" marker-end="url(#aisenv2-arrow-fr)" stroke="var(--ac)" stroke-width="2"></path>
<!-- caption -->
<text x="400" y="230" text-anchor="middle" class="cap">Seules les cellules divergentes restent visibles — un mauvais namespace ou un flag absent apparaît avant le déploiement</text>
</svg>
</div>

## Event Grid

- **Navigateur de topics** — liste tous les topics Event Grid custom et système au niveau de la souscription, avec badges de groupe de ressources
- **Inspecteur de souscriptions** — déploie un topic pour voir les event subscriptions avec leur type d'endpoint, filtres et types d'événements
- **Comparaison de topics** — comparaison côte à côte de topics Event Grid entre environnements, en mettant en évidence les différences de souscriptions et de filtres

## 🚌 Service Bus

- **Détection des queues** — analyse tous les triggers et actions des workflows pour trouver les queues Service Bus référencées
- **Gestion de l'émulateur** — émulateur Service Bus basé sur Docker avec génération automatique de configuration
- **Navigateur de queues (panneau DB)** — inspection du nombre de messages, dead-letter queues, envoi de messages de test
- **Comparaison multi-environnements** — compare les queues entre les namespaces DEV/STG/PROD avec diff des propriétés (session, max delivery, durée de lock, TTL, auto-delete)
- **Badges DLQ et messages actifs** dans la vue de comparaison

## 💾 Connecteurs de données (panneau DB)

- **SQL** — gestion des connexions aux bases SQL Server référencées par les workflows
- **Cosmos DB** — navigation et gestion des connexions Cosmos DB
- **Blob Storage / Azurite** — intégration de l'émulateur Azurite local, gestion des conteneurs, configuration du WebJobs storage
- **SFTP** — visualisation des connexions SFTP pour les intégrations basées sur des fichiers
- **Maps** — gestion des maps Logic Apps (transformations XSLT/Liquid)

## 🖥️ Expérience utilisateur

- **Split pane redimensionnable** — séparateur ajustable entre la liste de workflows et le panneau de détail
- **Configuration persistante** — liens de workspace, préférences de graphe et paramètres conservés entre les sessions
- **Raccourcis clavier** — Échap pour fermer les overlays
- **Multi-plateforme** — fonctionne sur macOS, Windows et Linux via Dioxus desktop (WebView)

## Pourquoi une application bureau native ?

Construire AIS Runner avec Dioxus en Rust lui donne la réactivité d'une application native avec une couche UI moderne. Pas d'empreinte mémoire à la Electron, pas d'onglet de navigateur à perdre. L'app vit à côté de ton éditeur et de ton terminal, communique directement avec tes émulateurs locaux, et s'authentifie sur Azure avec la même session `az` CLI que tu utilises déjà.

Si tu travailles quotidiennement avec Logic Apps Standard, AIS Runner est conçu pour supprimer les frictions entre écrire un workflow, l'exécuter en local, le comparer entre environnements et le livrer en production.