{"id":2489,"date":"2026-03-10T10:35:57","date_gmt":"2026-03-10T09:35:57","guid":{"rendered":"https:\/\/elearningsamba.com\/index.php\/dotenv-mask-editor-fini-les-cles-api-a-lair-libre\/"},"modified":"2026-03-10T10:35:57","modified_gmt":"2026-03-10T09:35:57","slug":"dotenv-mask-editor-fini-les-cles-api-a-lair-libre","status":"publish","type":"page","link":"https:\/\/elearningsamba.com\/index.php\/dotenv-mask-editor-fini-les-cles-api-a-lair-libre\/","title":{"rendered":"Dotenv Mask Editor – Fini les cl\u00e9s API \u00e0 l’air libre"},"content":{"rendered":"

Et si vos fichiers .env se transformaient en un joli tableau avec des ast\u00e9risques partout afin d’assurer la confidentialit\u00e9 de vos cl\u00e9s API et autres cr\u00e9dentials ? H\u00e9 bien c’est exactement ce que propose
\nDotenv Mask Editor<\/a>
\n, une extension VS Code qui remplace carr\u00e9ment l’\u00e9diteur texte par une grille.<\/p>\n

Du coup, vos cl\u00e9s API, tokens AWS, mots de passe PostgreSQL et autres STRIPE_SECRET_KEY<\/code> s’affichent sous forme de ******<\/code> et vous pouvez bosser dessus m\u00eame si quelqu’un mate par-dessus votre \u00e9paule.<\/p>\n

\"\"<\/p>\n

En gros, d\u00e8s que vous ouvrez un fichier .env (ou .env.local, .env.production… bref, tout ce qui matche le pattern), l’extension vous pr\u00e9sente vos variables dans un tableau \u00e0 deux colonnes. Les cl\u00e9s \u00e0 gauche, les valeurs masqu\u00e9es \u00e0 droite. Pour modifier une valeur, hop, vous cliquez dessus et elle se d\u00e9voile le temps de l’\u00e9dition. Vous cliquez ailleurs, c’est re-masqu\u00e9. Pas de sauvegarde manuelle \u00e0 faire, \u00e7a se fait tout seul.<\/p>\n

Le masquage se d\u00e9clenche \u00e0 partir de 6 caract\u00e8res (en dessous, c’est probablement pas un secret… genre PORT=3000<\/code> ou DEBUG=true<\/code>, on s’en fiche). Et le truc cool, c’est que tout tourne en local sur votre machine.<\/p>\n

\"\"<\/p>\n

Si vous vous dites “mais attends, y’a pas d\u00e9j\u00e0
\nCamouflage<\/a>
\npour \u00e7a ?”… oui et non. Camouflage masque vos secrets avec un overlay pendant les d\u00e9mos et le partage d’\u00e9cran, mais vous continuez \u00e0 \u00e9diter dans l’\u00e9diteur texte classique. Dotenv Mask Editor, lui, change compl\u00e8tement l’interface, c’est un \u00e9diteur de tableau d\u00e9di\u00e9 aux variables d’environnement. Deux approches diff\u00e9rentes du coup, et rien ne vous emp\u00eache d’utiliser les deux.<\/p>\n

L’extension est sous licence MIT, fonctionne sur toutes les plateformes (Windows, Linux, macOS, m\u00eame VS Code Web) et vous pouvez ajouter des patterns de fichiers personnalis\u00e9s dans vos settings.json.<\/p>\n

D’ailleurs, si vous voulez l’installer, c’est du classique : Ctrl+Shift+X dans VS Code (Cmd+Shift+X sur Mac), vous tapez “dotenv mask” et voil\u00e0.<\/p>\n

Avec \u00e7a, vos secrets restent secrets mais faut quand m\u00eame pas oublier de mettre votre .env dans le .gitignore hein. ^^<\/p>\n","protected":false},"excerpt":{"rendered":"

Et si vos fichiers .env se transformaient en un joli tableau avec des ast\u00e9risques partout afin d’assurer la confidentialit\u00e9 de vos cl\u00e9s API et autres cr\u00e9dentials ? H\u00e9 bien c’est exactement ce que propose Dotenv Mask Editor , une extension VS Code qui remplace carr\u00e9ment l’\u00e9diteur texte par une grille. Du coup, vos cl\u00e9s API, tokens AWS, mots de passe PostgreSQL et autres STRIPE_SECRET_KEY s’affichent sous forme de ****** et vous pouvez bosser dessus m\u00eame si quelqu’un mate par-dessus votre \u00e9paule. En gros, d\u00e8s que vous ouvrez un fichier .env (ou .env.local, .env.production… bref, tout ce qui matche le pattern), l’extension vous pr\u00e9sente vos variables dans un tableau \u00e0 deux colonnes. Les cl\u00e9s \u00e0 gauche, les valeurs masqu\u00e9es \u00e0 droite. Pour modifier une valeur, hop, vous cliquez dessus et elle se d\u00e9voile le temps de l’\u00e9dition. Vous cliquez ailleurs, c’est re-masqu\u00e9. Pas de sauvegarde manuelle \u00e0 faire, \u00e7a se fait tout seul. Le masquage se d\u00e9clenche \u00e0 partir de 6 caract\u00e8res (en dessous, c’est probablement pas un secret… genre PORT=3000 ou DEBUG=true, on s’en fiche). Et le truc cool, c’est que tout tourne en local sur votre machine. Si vous vous dites “mais attends, y’a pas d\u00e9j\u00e0 Camouflage pour \u00e7a ?”… oui et non. Camouflage masque vos secrets avec un overlay pendant les d\u00e9mos et le partage d’\u00e9cran, mais vous continuez \u00e0 \u00e9diter dans l’\u00e9diteur texte classique. Dotenv Mask Editor, lui, change compl\u00e8tement l’interface, c’est un \u00e9diteur de tableau d\u00e9di\u00e9 aux variables d’environnement. Deux approches diff\u00e9rentes du coup, et rien ne vous emp\u00eache d’utiliser les deux. L’extension est sous licence MIT, fonctionne sur toutes les plateformes (Windows, Linux, macOS, m\u00eame VS Code Web) et vous pouvez ajouter des patterns de fichiers personnalis\u00e9s dans vos settings.json. D’ailleurs, si vous voulez l’installer, c’est du classique : Ctrl+Shift+X dans VS Code (Cmd+Shift+X sur Mac), vous tapez “dotenv mask” et voil\u00e0. Avec \u00e7a, vos secrets restent secrets mais faut quand m\u00eame pas oublier de mettre votre .env dans le .gitignore hein. ^^<\/p>\n","protected":false},"author":1,"featured_media":2490,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_kadence_starter_templates_imported_post":false,"footnotes":""},"class_list":["post-2489","page","type-page","status-publish","has-post-thumbnail","hentry"],"campaignId":"","_links":{"self":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/2489","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/comments?post=2489"}],"version-history":[{"count":0,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/pages\/2489\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media\/2490"}],"wp:attachment":[{"href":"https:\/\/elearningsamba.com\/index.php\/wp-json\/wp\/v2\/media?parent=2489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}