Popravak pogreške "Nije moguće pronaći Chrome (ver. 130.0.6723.116)" Puppeteer Chrome pri postavljanju Vercela

Rješenje 1: Konfiguriranje Puppeteera za ispravnu instalaciju Chromea na Vercel

Ovo pozadinsko rješenje temeljeno na Node.js konfigurira put predmemorije Puppeteera i instalacijske naredbe kako bi se osiguralo da se Chrome pravilno instalira.

const puppeteer = require('puppeteer');
const path = require('path');
const { v4: uuid } = require('uuid');
const fs = require('fs');

// Main screenshot function
const screenshot = async (req, res) => {
    const url = req.query.url;
    if (!url) {
        return res.status(400).json({ message: 'URL is required' });
    }

    let browser;
    try {
        // Launch Puppeteer with specific Chrome executable path and options
        browser = await puppeteer.launch({
            ignoreHTTPSErrors: true,
            executablePath: process.env.CHROME_PATH || '/opt/bin/chromium',
            args: ['--no-sandbox', '--disable-setuid-sandbox']
        });

        const page = await browser.newPage();
        await page.goto(url, { waitUntil: 'networkidle2' });
        await page.setViewport({ width: 1920, height: 1080 });

        const fileName = \`${uuid()}.png\`;
        const screenshotPath = path.join(__dirname, '..', 'public', fileName);
        await page.screenshot({ path: screenshotPath });

        res.json({ screenshotPath: \`/image/\${fileName}\` });
    } catch (err) {
        console.error('Error capturing screenshot:', err);
        res.status(500).json({ error: 'Failed to capture screenshot' });
    } finally {
        if (browser) await browser.close();
    }
};

module.exports = screenshot;

Rješenje 2: Prilagođena konfiguracija Puppeteer za Vercel s datotekom .puppeteerrc.cjs

Ovo rješenje prilagođava Puppeteerovu konfiguracijsku datoteku (.puppeteerrc.cjs) kako bi se odredila staza Chrome predmemorije i osigurala kompatibilnost s Vercelovom strukturom datoteke.

const { join } = require('path');

/
 * @type {import('puppeteer').Configuration}
 */
module.exports = {
    // Specify cache directory for Puppeteer
    cacheDirectory: join(__dirname, '.cache', 'puppeteer'),
    // Specify which Chromium version Puppeteer should install
    executablePath: '/opt/bin/chromium',
    args: ['--no-sandbox', '--disable-setuid-sandbox'],
};

Rješenje 3: Implementacija varijabli okruženja i skripti u package.json za Puppeteer

Ovaj pristup modificira paket.json datoteku za instaliranje određenih Chrome binarnih datoteka i automatsko postavljanje Puppeteer konfiguracija tijekom implementacije.

// Add to package.json
"scripts": {
    "postinstall": "npx puppeteer install --path ./.cache/puppeteer",
    "start": "node index.js"
}

// Configure environment variable in Vercel
process.env.CHROME_PATH = "/opt/bin/chromium";

Jedinični test za Puppeteer funkcionalnost snimanja zaslona

Ova testna skripta Node.js Mocha provjerava sposobnost Puppeteera da snimi snimku zaslona s URL-a u različitim okruženjima.

const chai = require('chai');
const chaiHttp = require('chai-http');
const app = require('../app'); // Express app where screenshot endpoint is defined

chai.use(chaiHttp);
const expect = chai.expect;

describe('Screenshot API', () => {
    it('should return an error for missing URL parameter', (done) => {
        chai.request(app)
            .get('/screenshot')
            .end((err, res) => {
                expect(res).to.have.status(400);
                expect(res.body).to.have.property('message').eql('URL is required');
                done();
            });
    });

    it('should capture a screenshot successfully for a valid URL', (done) => {
        chai.request(app)
            .get('/screenshot?url=https://example.com')
            .end((err, res) => {
                expect(res).to.have.status(200);
                expect(res.body).to.have.property('screenshotPath');
                done();
            });
    });
});

Uobičajena pitanja o Puppeteer i Cloud implementacijama

1. Zašto dobivam pogreške "Nije moguće pronaći Chrome" na platformama u oblaku?
2. Ove se pogreške često događaju jer platforme u oblaku prema zadanim postavkama ne uključuju punu Chromeovu binarnu datoteku. To možete popraviti navođenjem executablePath u vašem Puppeteer postavu.
3. Kako mogu osigurati da Puppeteer radi i na lokalnom i na oblaku?
4. Korištenje executablePath i args sa zastavicama prilagođenim oblaku poput --no-sandbox može učiniti vašu postavu dovoljno fleksibilnom za oba okruženja.
5. Što znači --no-sandbox zastavu učiniti u Puppeteeru?
6. The --no-sandbox zastavica onemogućuje sigurnost Chromeovog sandboxa, što omogućuje Puppeteeru da radi na uslugama u oblaku koje ne podržavaju sandboxing, ali treba ga koristiti s oprezom.
7. Zašto mi treba običaj cacheDirectory za lutkara?
8. Postavljanje običaja cacheDirectory osigurava da Puppeteer preuzima Chromeove binarne datoteke na poznatu lokaciju, što može spriječiti pogreške tijekom implementacije, posebno u okruženjima bez poslužitelja.
9. Koja je svrha networkidle2 opcija u goto metoda?
10. The networkidle2 opcija čeka dok nema više od dvije aktivne mrežne veze. Ovo je korisno za snimanje potpuno učitane stranice i rukovanje dinamičkim sadržajem.
11. Može li Puppeteer raditi bez navedene verzije Chromea?
12. Da, ali preporučljivo je navesti executablePath i osigurajte dostupnost kompatibilne verzije Chromea za dosljedne rezultate u postavkama oblaka.
13. Kako mogu upravljati predmemorijom Puppeteer u različitim okruženjima?
14. Možete odrediti univerzalni cacheDirectory u .puppeteerrc.cjs datoteku, omogućujući Puppeteeru da pronađe Chromeove binarne datoteke na platformama kao što su Vercel i Heroku.
15. Je puppeteer-core različito od puppeteer?
16. Da, puppeteer-core isključuje Chrome u paketu radi smanjenja veličine, tako da ćete morati navesti binarnu datoteku Chromea. puna puppeteer paket automatski uključuje Chrome.
17. Što trebam učiniti ako je Puppeteer spor u oblaku?
18. Optimiziranje viewport postavke i onemogućavanje nepotrebnih opcija poput devtools može poboljšati performanse u okruženjima s ograničenim resursima.
19. Je li Puppeteer kompatibilan sa svim pružateljima usluga oblaka?
20. Općenito, da, ali svaki pružatelj usluga može imati jedinstvene zahtjeve. Korištenje postavki prilagođenih oblaku kao što su --no-sandbox osigurava bolju kompatibilnost.

Završne misli o pokretanju Puppeteera na Vercelu

Uspješna implementacija Puppeteera na Vercelu zahtijeva razumijevanje specifičnih potreba postavljanja za Chrome. Određivanje mogućnosti pokretanja i ispravna konfiguracija putova predmemorije Puppeteera pomaže u sprječavanju frustrirajuće pogreške "Nije moguće pronaći Chrome". Ove prilagodbe osiguravaju pouzdano funkcioniranje Puppeteera u lokalnom okruženju i okruženju oblaka. 🚀

Nakon što prilagodite ova rješenja svom projektu, snimanje snimaka zaslona s korisničkih URL-ova postaje besprijekorno, što omogućuje dinamičnije web aplikacije. Uz pravilno postavljanje, Puppeteer ostaje neprocjenjiv alat za automatizaciju i web skraping, čak i na platformama bez poslužitelja kao što je Vercel.