Content-Security-Policy middleware for Express
Usage
const { expressCspHeader, INLINE, NONE, SELF } = require('express-csp-header');
app.use(expressCspHeader({
directives: {
'default-src': [SELF],
'script-src': [SELF, INLINE, 'somehost.com'],
'style-src': [SELF, 'mystyles.net'],
'img-src': ['data:', 'images.com'],
'worker-src': [NONE],
'block-all-mixed-content': true
}
}));
nonce parameter
If you want to use nonce parameter you should use NONCE
constant. Nonce key will be generated automatically. Also generated nonce key will be stored in req.nonce
:
const { expressCspHeader, NONCE } = require('express-csp-header');
app.use(expressCspHeader({
directives: {
'script-src': [NONCE]
}
}));
app.use((req, res) => {
console.log(req.nonce);
})
Auto tld
If you have more than one tlds you may want to have only current tld in your security policy. You can do this by replacing tld by TLD
constant:
const { expressCspHeader, TLD } = require('express-csp-header');
app.use(expressCspHeader({
directives: {
'script-src': [`mystatic.${TLD}`]
}
}));
TLD parsing options
express-csp-header
uses psl package to parse tld for auto-tld feature. If you have a custom tld you can specify it as an array or a regexp.
const { expressCspHeader, TLD } = require('express-csp-header');
app.use(expressCspHeader({
directives: {
'script-src': [`mystatic.${TLD}`]
},
domainOptions: {
customTlds: ['example.com']
}
}));
Presets
Read about preset in csp-header
docs
Content-Security-Policy-Report-Only mode
To switch on Report-Only mode just specify reportOnly
param:
const { expressCspHeader, SELF } = require('express-csp-header');
app.use(expressCspHeader({
directives: {
'script-src': [SELF]
},
reportOnly: true
}));
report-uri parameter
const { expressCspHeader, SELF } = require('express-csp-header');
app.use(expressCspHeader({
directives: {
'script-src': [SELF]
},
reportUri: 'https://cspreport.com/send'
}));
If you want to pass some params to the report uri just pass function instead of string:
const { expressCspHeader, SELF } = require('express-csp-header');
app.use(expressCspHeader({
directives: {
'script-src': [SELF]
},
reportUri: (req, res) => {
return `https://cspreport.com/send?time=${Number(new Date())}`;
}
}));
There's no more privateTld
option supported in domain parsing options
We have to refuse using parse-domain
package. Though customTlds
were reimplented (thanks to @FauxFaux) and still working as before.
💥 No default export
For compability with JS we have to export expressCspHeader as a named export.
const { expressCspHeader } = require('express-csp-header');
💥 policies
was renamed to directives
💥 Minimal supported version of Node.JS is 8
💥 Dropped support of extend
extend
was marked as deprecated in previous versions. It doesn't work anymore. Use presets
instead.
💥 Dropped support of specifying presets as a string
express-csp-header
used to require preset if you specify it as a string. Now, you should require it by yourself.
Before:
{
presets: ['csp-preset-myservice']
}
Now:
{
presets: [require('csp-preset-myservice')]
}