Link Search Menu Expand Document

Temple Iterating Array - JavaScript

PDF from HTML Template sample in JavaScript demonstrating ‘Temple Iterating Array’

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 = "***********************";


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

/* 
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
*/

// Template HTML
const template = fs.readFileSync("./../../TEMPLATES-SAMPLES/Array Iteration/template.html", "utf8")

// Prepare request to `HTML To PDF` API endpoint
var queryPath = `/v1/pdf/convert/from/html?name=${path.basename(DestinationFile)}&async=True`;
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({
    "html": template,
    "templateData": fs.readFileSync(templateData, "utf8"),
    "async": true
});
// Send request
var postRequest = https.request(reqOptions, (response) => {
    response.on("data", (d) => {
        // Parse JSON response
        var data = JSON.parse(d);        
        if (data.error == false) {
            console.log(`Job #${data.jobId} has been created!`);
            checkIfJobIsCompleted(data.jobId, data.url);
        }
        else {
            // Service reported error
            console.log(data.message);
        }
    });
}).on("error", (e) => {
    // Request error
    console.log(e);
});

// Write request data
postRequest.write(requestBody);
postRequest.end();


function checkIfJobIsCompleted(jobId, resultFileUrl) {
    let queryPath = `/v1/job/check`;

    // JSON payload for api request
    let jsonPayload = JSON.stringify({
        jobid: jobId
    });

    let reqOptions = {
        host: "api.pdf.co",
        path: queryPath,
        method: "POST",
        headers: {
            "x-api-key": API_KEY,
            "Content-Type": "application/json",
            "Content-Length": Buffer.byteLength(jsonPayload, 'utf8')
        }
    };

    // Send request
    var postRequest = https.request(reqOptions, (response) => {
        response.on("data", (d) => {
            response.setEncoding("utf8");

            // Parse JSON response
            let data = JSON.parse(d);
            console.log(`Checking Job #${jobId}, Status: ${data.status}, Time: ${new Date().toLocaleString()}`);

            if (data.status == "working") {
                // Check again after 3 seconds
				setTimeout(function(){ checkIfJobIsCompleted(jobId, resultFileUrl);}, 3000);
            }
            else if (data.status == "success") {
                // Download PDF file
                var file = fs.createWriteStream(DestinationFile);
                https.get(resultFileUrl, (response2) => {
                    response2.pipe(file)
                        .on("close", () => {
                            console.log(`Generated PDF file saved as "${DestinationFile}" file.`);
                        });
                });
            }
            else {
                console.log(`Operation ended with status: "${data.status}".`);
            }
        })
    });
    
    // Write request data
    postRequest.write(jsonPayload);
    postRequest.end();
}

task_data.json
{
  "inputArr": [
    {
      "Name": "Task 1",
      "Description": "Task 1 Description",
      "Status": "Pending"
    },
    {
      "Name": "Task 2",
      "Description": "Task 2 Description",
      "Status": "Approved"
    },
    {
      "Name": "Task 3",
      "Description": "Task 3 Description",
      "Status": "Completed"
    },
    {
      "Name": "Task 4",
      "Description": "Task 4 Description",
      "Status": "Closed"
    },
    {
      "Name": "Task 5",
      "Description": "Task 5 Description",
      "Status": "Closed"
    },
    {
      "Name": "Task 6",
      "Description": "Task 6 Description",
      "Status": "Completed"
    },
    {
      "Name": "Task 7",
      "Description": "Task 7 Description",
      "Status": "Open"
    },
    {
      "Name": "Task 8",
      "Description": "Task 8 Description",
      "Status": "Completed"
    },
    {
      "Name": "Task 9",
      "Description": "Task 9 Description",
      "Status": "Pending"
    },
    {
      "Name": "Task 10",
      "Description": "Task 10 Description",
      "Status": "Open"
    }
  ]
}

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