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

Par:
francoistonic

jeu, 27/03/2025 - 09:12

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")
]

Lien vers l'extension : https://marketplace.visualstudio.com/items?itemName=zeybek.camouflage

Pour l'installer : VS Vode -> Panneau extension -> taper Camouflage -> cliquer dessus -> bouton install

Pour en savoir plus, voici la petite démo de Korben qui nous explique tout :