Camouflage : cacher les données sensibles de son VS Code en live coding !

Quand on fait une démo en conférence ou à distance, il arrive que des données sensibles s'affichent (secrets, mots de passe, etc.) en grand sur l'écran ! Pas top pour la sécurité et la confidentialité. Heureusement, sur Visual Studio Code, il y a une extension qui permet de cacher nos petits secrets : Camouflage. "Camouflage est une extension VS Code qui aide à protéger les variables sensibles en les cachant. C'est parfait en partage d'écran, en enregistrement." explique le créateur Ahmet Zeybek.L'extension propose plusieurs fonctionnalités intéressantes :- masquage automatique des valeurs / données- personnalisation du masquage et des variables concernéesLa personnalisation du camouflage se fait dans un fichier .env. C'est là que l'on indique les variables à cacher. Il suffit de configurer le masquage. L'extension est très souple dans la configuration et ce que l'on y met. Par exemple :// Enable selective hiding"camouflage.selective.enabled": true,// Define patterns for keys to hide"camouflage.selective.keyPatterns": [ "KEY", // Contains "KEY" anywhere (e.g., API_KEY, KEY_VALUE, MY_KEY_HERE) "API", // Starts with "API" (e.g., API_KEY, API_SECRET) "SECRET", // Ends with "SECRET" (e.g., JWT_SECRET, CLIENT_SECRET) "PASSWORD", // Exact match only (only "PASSWORD", not "DB_PASSWORD") "DB", // Starts with "DB" (e.g., DB_HOST, DB_USER) "DB", // Contains "DB" anywhere (e.g., MONGODB_URI, RDS_DB_NAME) "DATABASE", // Starts with "DATABASE" (e.g., DATABASE_URL) "DATABASE", // Contains "DATABASE" anywhere (e.g., MY_DATABASE_PASSWORD) "PORT" // Exact match only (only "PORT", not "REPORT")],// Define patterns for keys to never hide"camouflage.selective.excludeKeys": [ "PUBLIC", // Starts with "PUBLIC" (e.g., PUBLIC_URL, PUBLIC_KEY) "_TEST", // Ends with "_TEST" (e.g., API_TEST, SECRET_TEST) "DEBUG" // Exact match only (only "DEBUG")]Lien vers l'extension : https://marketplace.visualstudio.com/items?itemName=zeybek.camouflagePour l'installer : VS Vode -> Panneau extension -> taper Camouflage -> cliquer dessus -> bouton installPour en savoir plus, voici la petite démo de Korben qui nous explique tout :Catégorie actualité: TechnologiesCamouflage, Visual Studio CodeImage actualité AMP:

Mar 27, 2025 - 09:36

Camouflage : cacher les données sensibles de son VS Code en live coding !

Quand on fait une démo en conférence ou à distance, il arrive que des données sensibles s'affichent (secrets, mots de passe, etc.) en grand sur l'écran ! Pas top pour la sécurité et la confidentialité. Heureusement, sur Visual Studio Code, il y a une extension qui permet de cacher nos petits secrets : Camouflage.

"Camouflage est une extension VS Code qui aide à protéger les variables sensibles en les cachant. C'est parfait en partage d'écran, en enregistrement." explique le créateur Ahmet Zeybek.

L'extension propose plusieurs fonctionnalités intéressantes :

- masquage automatique des valeurs / données

- personnalisation du masquage et des variables concernées

La personnalisation du camouflage se fait dans un fichier .env. C'est là que l'on indique les variables à cacher. Il suffit de configurer le masquage. L'extension est très souple dans la configuration et ce que l'on y met. Par exemple :

// Enable selective hiding
"camouflage.selective.enabled": true,

// Define patterns for keys to hide
"camouflage.selective.keyPatterns": [
"*KEY*", // Contains "KEY" anywhere (e.g., API_KEY, KEY_VALUE, MY_KEY_HERE)
"API*", // Starts with "API" (e.g., API_KEY, API_SECRET)
"*SECRET", // Ends with "SECRET" (e.g., JWT_SECRET, CLIENT_SECRET)
"PASSWORD", // Exact match only (only "PASSWORD", not "DB_PASSWORD")
"DB*", // Starts with "DB" (e.g., DB_HOST, DB_USER)
"*DB*", // Contains "DB" anywhere (e.g., MONGODB_URI, RDS_DB_NAME)
"DATABASE*", // Starts with "DATABASE" (e.g., DATABASE_URL)
"*DATABASE*", // Contains "DATABASE" anywhere (e.g., MY_DATABASE_PASSWORD)
"PORT" // Exact match only (only "PORT", not "REPORT")
],

// Define patterns for keys to never hide
"camouflage.selective.excludeKeys": [
"PUBLIC*", // Starts with "PUBLIC" (e.g., PUBLIC_URL, PUBLIC_KEY)
"*_TEST", // Ends with "_TEST" (e.g., API_TEST, SECRET_TEST)
"DEBUG" // Exact match only (only "DEBUG")
]