Adding a custom header or footer in Node with SuperAgent

In this guide, we'll show you how to add custom headers or footers to a PDF using Node and the SuperAgent library.

We'll focus this guide on the header parameter, but know that the footer parameter works exactly the same way.

The header parameter is an object that accepts the following parameters:

• source: The source of the header. It can be a URL or a raw HTML document. You can also provide some variables that we'll explain at the bottom of this guide.
• height: The height of the header. By default, the height is in pixels, but you can also use mm, cm or in as units, like 10mm.
• start_at: The page number where the header should start. By default, the header will start at the first page.

NOTE: You must provide the full data in the header/footer, and not via a network request. Loading files such as external CSS, Js or Fonts won't work in the header or footer. Instead, we recommend you to embed them in Base64.

Here's an example:

const superagent = require('superagent');
const fs = require('fs');

// You can get an API key at https://pdfshift.io
api_key = 'sk_xxxxxxxxxxxx'

params = {
    source: 'https://en.wikipedia.org/wiki/PDF',
    header: {
        source: '<div>Page {{ page }} over a total of {{ total }}. Made on {{ date }}</div>',
        height: 150,
        start_at: 2
    }
}

let response = await superagent
    .post('https://api.pdfshift.io/v3/convert/pdf')
    .auth('api', api_key)
    .send(params);

fs.writeFileSync('result.pdf', response.body);

console.log('The PDF document was generated and saved to result.pdf');

The source parameter present in the header/footer accepts a set of variables that will be translated when converting the document.

Here are the properties you can use:

• {{ title }}: The title of the document.
• {{ url }}: The URL of the document.
• {{ page }}: The current page number.
• {{ total }}: The total number of pages in the document.
• {{ date }}: The current date in the format M/D/YY-H:MM am/pm such as "3/16/24, 2:04 PM".

This will allow you to generate a document that looks more like a printable version of a website, with page number and customized header and footer.