Link Search Menu Expand Document

Invoice With Multiple Pages (Node.js) - JavaScript

PDF from HTML Template sample in JavaScript demonstrating ‘Invoice With Multiple Pages (Node.js)’

app.js
var https = require("https");
var path = require("path");
var fs = require("fs");


// The authentication key (API Key).
// Get your own by registering at https://app.pdf.co
const API_KEY = "*****************************"

/* 
Please follow below steps to create your own HTML Template and get "templateId". 
1. Add new html template in app.pdf.co/templates/html
2. Copy paste your html template code into this new template. Sample HTML templates can be found at "https://github.com/bytescout/pdf-co-api-samples/tree/master/PDF%20from%20HTML%20template/TEMPLATES-SAMPLES"
3. Save this new template
4. Copy it’s ID to clipboard
5. Now set ID of the template into “templateId” parameter
*/

// HTML template using built-in template
// see https://app.pdf.co/templates/html/3/edit
const template_id = 3;

// Data to fill the template
const templateData = "./invoice_data.json";
// Destination PDF file name
const DestinationFile = "./result.pdf";

const fileReadTemplateData = fs.readFileSync(templateData, "utf8");

// Prepare request to `HTML To PDF` API endpoint
var queryPath = `/v1/pdf/convert/from/html?name=${path.basename(DestinationFile)}`;
var reqOptions = {
    host: "api.pdf.co",
    path: encodeURI(queryPath),
    method: "POST",
    headers: {
        "x-api-key": API_KEY,
        "Content-Type": "application/json"
    }
};
var requestBody = JSON.stringify({
    "templateId": template_id,
    "templateData": fileReadTemplateData   
});
// Send request
var postRequest = https.request(reqOptions, (response) => {
    response.on("data", (d) => {
        // Parse JSON response
        var data = JSON.parse(d);
        if (data.error == false) {
            // Download PDF file
            var file = fs.createWriteStream(DestinationFile);
            https.get(data.url, (response2) => {
                response2.pipe(file)
                    .on("close", () => {
                        console.log(`Generated PDF file saved as "${DestinationFile}" file.`);
                    });
            });
        }
        else {
            // Service reported error
            console.log(data.message);
        }
    });
}).on("error", (e) => {
    // Request error
    console.log(e);
});
// Write request data
postRequest.write(requestBody);
postRequest.end();

invoice_data.json
{
    "paid": true,

    "company_name": "Lovely Company Inc.",
    "company_address": "1234 Market St\nSan Francisco, California 94102\nUSA",

    "company_logo": "https://bytescout-com.s3.amazonaws.com/files/demo-files/cloud-api/pdf-edit/logo.png",

    "barcode_value": "sample encoded barcode value for page 1\nwuth line breaks if needed\n\nOrder id:",
    "ocr_scanline": "OCR-A 123567890",

    "order_id": "1122455",
    "order_date": "15 Jan 2022",
    "customer_id": "T8001",
    "shipped_date": "20 Jan 2022",
    "shipped_via": "UPS",


    "bill_to_name": "T-800 Research Lab",
    "bill_to_address": "435 South La Fayette Park Place, \nLos Angeles, CA 90057\nUSA",    

    "ship_to_name": "Cyberdyne Systems",
    "ship_to_address": "18144 El Camino Real\nSunnyvale, California\nUSA",    

    "freight": 19.95,

    "notes": "Thank you for your purchase.\nThanks for your support of advanced robotics.",    

    "items": [
      {
        "name": "T-800 Prototype Research",
        "price": 50.0,
        "quantity": 2
      },
      {
        "name": "T-800 Cloud Sync Setup",
        "price": 150.0,
        "quantity": 3
      },
      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 24.99,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 199.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 19.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 49.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 1000.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 12.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 25.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 24.99,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 14.95,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 149.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 99.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 100.0,
        "quantity": 4
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 9
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 2
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 3
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 3.49,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 15.0,
        "quantity": 5
      },
      {
        "name": "T-800 Prototype Research",
        "price": 50.0,
        "quantity": 2
      },
      {
        "name": "T-800 Cloud Sync Setup",
        "price": 150.0,
        "quantity": 3
      },
      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 24.99,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 199.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 19.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 49.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 1000.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 12.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 25.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 24.99,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 14.95,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 149.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 99.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 100.0,
        "quantity": 4
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 9
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 2
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 3
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 3.49,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Prototype Research",
        "price": 50.0,
        "quantity": 2
      },
      {
        "name": "T-800 Cloud Sync Setup",
        "price": 150.0,
        "quantity": 3
      },
      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 24.99,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 199.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 19.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 20.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 49.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 1000.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 12.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 25.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 24.99,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 14.95,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 149.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 99.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 100.0,
        "quantity": 4
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 9
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },

      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 2
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 3
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 3.49,
        "quantity": 3
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      },
      {
        "name": "T-800 Cloud Sync Setup 3",
        "price": 30.0,
        "quantity": 5
      },      {
        "name": "T-800 Prototype Research 2",
        "price": 10.0,
        "quantity": 1
      }


    ]
}
  

PDF.co Web API: the Web API with a set of tools for documents manipulation, data conversion, data extraction, splitting and merging of documents. Includes image recognition, built-in OCR, barcode generation and barcode decoders to decode bar codes from scans, pictures and pdf.

Get your PDF.co API key here!

Download Source Code (.zip)

return to the previous page explore PDF from HTML Template endpoint