Take screenshots with puppeteer docker API
+ 查看更多

Here is the sample code to show how to take screenshot with puppeteer API. You can change it as you want. By click run button, you can see whole proccess in the monitor and result in the console.

URL:

Source code:

//This is an example code for how to create a screenshot using puppeteer docker.
var request = require('request');
var argv = require('minimist')(process.argv.slice(2));
var puppeteer;
let browser_ags = [
    '--no-sandbox',
    "--hide-scrollbars",
    '--ignore-certifcate-errors',
    '--ignore-certifcate-errors-spki-list',
    '--disable-setuid-sandbox',
    '--disable-dev-shm-usage',
    '--disable-accelerated-2d-canvas',
    '--disable-notifications',
    '--disable-infobars',
    '--disable-gpu',
    '--disable-web-security',
];

puppeteer = require('puppeteer-extra');
var StealthPlugin = require('puppeteer-extra-plugin-stealth');
puppeteer.use(StealthPlugin());

(async () => {

var browser = await puppeteer.launch({
        headless: true,
        args: browser_ags
    });
    console.log("Begin...");
    const page = await browser.newPage();
    console.log("Open new page...");
    await page.setViewport({
        width: 1440,
        height: 1080,
    });
    await page.waitFor(1000);
    await page.goto(
        argv["u_url"],
        {
            waitUntil: "networkidle2",
            timeout: 45000
        }
    ).catch(function(){
        console.log("Goto error...");
        browser.close();
    });
    console.log("Open url..."+argv["u_url"]);
    await page.waitFor(3000);
//  Save image to a tmp folder
    const  path = argv["pm_outdir"]+"/demo"+Math.floor(Math.random()*100000)+".png"
    await page.screenshot({
        path: path
    }).catch(function(){
        console.log("Screenshot error...");
        browser.close();
    });
//    You can send the image to your owner server or Amazon S3 with code. We will NOT return a download link.
//    1.Upload your owner server demo
//    const formData = {
//                key: "value",
//                file: fs.createReadStream(path),
//    };
//   request.post({url:argv["u_callback"], formData: formData}, function optionalCallback(err, httpResponse, body) {
//        if (err) {
//          return console.error('upload failed:', err);
//        }else{
//           fs.unlink(path);
//        }
//   });
//
//    2.Amazon S3 upload demo
//    const accessKeyId="";
//    const secretAccessKey="";
//    const region = "";
//    const bucket = "";
//    async function uploadFileToS3(fileName){
//        const AWS = require('aws-sdk');
//        const fs = require('fs');
//        AWS.config.update({
//            accessKeyId: accessKeyId,
//            secretAccessKey: secretAccessKey,
//            region: region
//        });
//        const s3 = await new AWS.S3();
//
//        // Read content from the file
//        const fileContent = fs.readFileSync(fileName);
//
//        // Setting up S3 upload parameters
//        const params = {
//            Bucket: bucket,
//            Key: 'test.jpg', // File name you want to save as in S3
//            Body: fileContent,
//            ContentType: "image/png",
//            ACL: "public-read"
//        };
//
//        // Uploading files to the bucket
//       const res =  await s3.upload(params, function(err, data) {
//                            console.log(err, data);
//                    }).promise();
//       return res;
//
//    };
//    const res = await uploadFileToS3(path);
//    console.log(res);

console.log("Screenshot success...");
    browser.close();
})();

Our API can process your code zip package

Real time preview:

Console: