Capture a full-page screeenshot of a URL. Taken from Abstractly's dja project.

capture_screenshot.js

/**
 * Capture a screenshot of a given URL
 *
 * USAGE: $ node ./capture_screenshot.js my-page-slug  34sdg-252gsg-23dsg-2234 https://mysite.com/my-page-slug/
 *
 */

const puppeteer = require("puppeteer");

let pageSlug = process.argv[2];
let clientGuid = process.argv[3];
let url = process.argv[4];

(async () => {
    // 1. Launch the browser
    const browser = await puppeteer.launch({
        args: ["--no-sandbox"],
        defaultViewport: {
            width: 1200,
            height: 1440,
            // isLandscape: true,
        },
    });

    // 2. Open a new page
    const page = await browser.newPage();

    // 3. Navigate to URL
    await page.goto(url, { waitUntil: "networkidle2" });

    // 4. Take screenshot
    // const randomHash = Math.random().toString(36).substr(2, 10);
    const filename = `${pageSlug}.jpg`;
    const path = `media/${clientGuid}/screenshots/${filename}`;
    await page.screenshot({
        type: "jpeg",
        path,
        // omitBackground: true
    });

    await browser.close();

    // Return the relative path to the image
    console.log(path);
})();