La Content Security Policy (CSP) est votre meilleure ligne de défense contre les attaques XSS et les injections de données. C’est aussi, malheureusement, la configuration la plus frustrante à écrire pour un développeur.
Une seule erreur de syntaxe dans votre directive script-src ou connect-src, et c’est la catastrophe : vos scripts de tracking sautent, vos vidéos ne chargent plus, ou pire, votre site affiche une page blanche.
Oubliez la documentation technique obscure. Nous avons transformé la cryptographie des en-têtes HTTP en un jeu d’enfant.
Ne cherchez plus « quelles sont les règles CSP pour Stripe ».
Ne devinez plus les domaines autorisés pour Google Analytics 4.
Comment ça marche ? C’est simple : dans l’interface ci-dessous, attrapez les logos des services que vous utilisez (YouTube, Facebook Pixel, Intercom, etc.) et glissez-les dans la zone « Autorisé ». Notre moteur intelligent connaît déjà les règles exactes pour chaque service et construit la chaîne de sécurité pour vous en temps réel.
🔒 Visualiseur CSP (Content Security Policy)
Générez votre en-tête de sécurité en glissant-déposant vos services.
Politique Active
🚀 Comment utiliser votre CSP ?
Une fois votre configuration terminée ci-dessus, copiez la chaîne générée. Vous avez trois façons de l’intégrer, de la plus performante à la plus simple :
Serveur Web (Recommandé) : Ajoutez-la dans votre configuration Nginx (
add_header) ou Apache (.htaccess->Header set Content-Security-Policy "...").Côté Backend : Injectez le header via PHP, Node.js ou Python avant le rendu de la page.
Balise Meta (Dépannage) : Collez le code dans une balise
<meta http-equiv="Content-Security-Policy" content="...">dans votre<head>.
🧠 Pourquoi utiliser ce générateur plutôt qu’un éditeur de texte ?
La force de cet outil réside dans sa base de connaissances intégrée. Intégrer un simple bouton de paiement ou une vidéo Youtube implique souvent d’autoriser 3 ou 4 domaines différents (child-src, frame-src, worker-src…).
Notre algorithme ne fait pas que lister des URLs ; il applique les bonnes directives aux bons endroits. En utilisant ce visualisateur, vous évitez :
Les failles de sécurité dues à des règles trop permissives (comme l’utilisation abusive de
'unsafe-inline').Les régressions fonctionnelles lors de la mise en production.
Sécurisez votre site maintenant, sans la migraine qui va avec.
