Verceli juurutamisel Puppeteer Chrome'i tõrke „ei leitud Chrome'i (ver. 130.0.6723.116)” parandamine

Lahendus 1: konfigureerige Puppeteer Chrome'i õigesti installima Vercelisse

See Node.js-põhine taustalahendus konfigureerib Puppeteeri vahemälu tee ja installikäsud, et tagada Chrome'i õige installimine.

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;

Lahendus 2: Nukuteatri kohandatud konfiguratsioon Verceli jaoks failiga .puppeteerrc.cjs

See lahendus kohandab Puppeteeri konfiguratsioonifaili (.puppeteerrc.cjs), et määrata Chrome'i vahemälu tee ja tagada ühilduvus Verceli failistruktuuriga.

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'],
};

Lahendus 3: keskkonnamuutujate ja skriptide juurutamine failis package.json jaoks Puppeteer

See lähenemisviis muudab package.json faili konkreetsete Chrome'i binaarfailide installimiseks ja Puppeteeri konfiguratsioonide automaatseks seadistamiseks juurutamise ajal.

// 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";

Nukuteatri ekraanipildi funktsionaalsuse üksuse test

See Node.js Mocha testskript kontrollib Puppeteeri võimet jäädvustada erinevates keskkondades olevast URL-ist ekraanipilt.

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();
            });
    });
});

Levinud küsimused Puppeteeri ja pilve juurutamise kohta

1. Miks kuvatakse pilveplatvormidel veateade "Chrome'i ei leitud"?
2. Need vead ilmnevad sageli seetõttu, et pilveplatvormid ei sisalda vaikimisi täielikku Chrome'i kahendfaili. Saate seda parandada täpsustades executablePath oma Nukunäitleja seadistuses.
3. Kuidas tagada, et Puppeteer töötab nii kohalikus kui ka pilvekeskkonnas?
4. Kasutades executablePath ja args pilvesõbralike lippudega nagu --no-sandbox võib muuta teie seadistuse mõlema keskkonna jaoks piisavalt paindlikuks.
5. Mida teeb --no-sandbox lipp teha Nukunäitlejas?
6. The --no-sandbox lipp keelab Chrome'i liivakasti turvalisuse, mis võimaldab Puppeteeril töötada pilveteenustes, mis ei toeta liivakasti, kuid seda tuleks kasutada ettevaatusega.
7. Miks mul on kombeid vaja cacheDirectory Nukunäitleja jaoks?
8. Kohandatud seadistus cacheDirectory tagab, et Puppeteer laadib Chrome'i binaarfailid alla teadaolevasse asukohta, mis võib juurutamisel vältida vigu, eriti serverita keskkondades.
9. Mis on eesmärk networkidle2 valikus goto meetod?
10. The networkidle2 suvand ootab, kuni aktiivseid võrguühendusi pole rohkem kui kaks. See on kasulik täielikult laaditud lehe jäädvustamiseks ja dünaamilise sisu käsitlemiseks.
11. Kas Puppeteer saab töötada ilma määratud Chrome'i versioonita?
12. Jah, kuid soovitatav on täpsustada executablePath ja tagage, et ühilduv Chrome'i versioon oleks pilve seadistustes järjepidevate tulemuste jaoks saadaval.
13. Kuidas hallata Puppeteeri vahemälu erinevates keskkondades?
14. Saate määrata universaalse cacheDirectory aastal .puppeteerrc.cjs fail, mis võimaldab Puppeteeril leida Chrome'i binaarfaile platvormidelt nagu Vercel ja Heroku.
15. Is puppeteer-core erinev puppeteer?
16. Jah, puppeteer-core välistab suuruse vähendamiseks komplekteeritud Chrome'i, seega peate määrama Chrome'i kahendkoodi. Täis puppeteer pakett sisaldab automaatselt Chrome'i.
17. Mida peaksin tegema, kui Puppeteer on pilvekeskkonnas aeglane?
18. Optimeerimine viewport seaded ja mittevajalike valikute keelamine, nagu devtools võib parandada jõudlust ressurssidega piiratud keskkondades.
19. Kas Puppeteer ühildub kõigi pilveteenuse pakkujatega?
20. Üldiselt jah, kuid igal pakkujal võivad olla ainulaadsed nõuded. Pilvesõbralike seadete kasutamine nagu --no-sandbox tagab parema ühilduvuse.

Viimased mõtted, kuidas Puppeteer Vercelil jooksma panna

Puppeteeri edukas juurutamine Vercelis nõuab Chrome'i konkreetsete seadistusvajaduste mõistmist. Täpsustades käivitusvalikud ja Puppeteeri vahemäluteede õige konfigureerimine aitab vältida masendavat tõrget „Chrome'i ei leitud”. Need kohandused tagavad, et Puppeteer töötab usaldusväärselt nii kohalikus kui ka pilvekeskkonnas. 🚀

Kui olete need lahendused oma projektiga kohandanud, muutub ekraanipiltide jäädvustamine kasutaja esitatud URL-idest sujuvaks, võimaldades dünaamilisemaid veebirakendusi. Õige seadistuse korral jääb Puppeteer hindamatuks vahendiks automatiseerimiseks ja veebikraapimiseks isegi serverita platvormidel, nagu Vercel.