„Vercel“ diegimo „Puppeteer Chrome“ klaidos „Nepavyko rasti Chrome (ver. 130.0.6723.116)“ taisymas

1 sprendimas: sukonfigūruokite „Puppeteer“, kad „Vercel“ būtų tinkamai įdiegta „Chrome“.

Šis „Node.js“ pagrindu sukurtas backend sprendimas sukonfigūruoja „Puppeteer“ talpyklos kelią ir diegimo komandas, kad „Chrome“ būtų įdiegta tinkamai.

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;

2 sprendimas: tinkinta „Vercel“ lėlininko konfigūracija su .puppeteerrc.cjs failu

Šis sprendimas koreguoja „Puppeteer“ konfigūracijos failą (.puppeteerrc.cjs), kad nurodytų „Chrome“ talpyklos kelią ir užtikrintų suderinamumą su „Vercel“ failų struktūra.

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

3 sprendimas: aplinkos kintamųjų ir scenarijų diegimas pakete.json, skirtas Puppeteer

Šis metodas pakeičia package.json failą, kad įdiegtumėte konkrečius „Chrome“ dvejetainius failus ir įdiegimo metu automatiškai nustatytumėte „Puppeteer“ konfigūracijas.

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

Lėlininko ekrano kopijos funkcionalumo vieneto testas

Šis Node.js Mocha bandomasis scenarijus patvirtina „Puppeteer“ gebėjimą užfiksuoti ekrano kopiją iš URL įvairiose aplinkose.

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

Dažni klausimai apie „Puppeteer“ ir „Cloud“ diegimą

1. Kodėl debesies platformose rodomos klaidos „Nepavyko rasti Chrome“?
2. Šios klaidos dažnai atsiranda dėl to, kad pagal numatytuosius nustatymus debesų platformose nėra visos „Chrome“ dvejetainės programos. Tai galite išspręsti nurodydami executablePath „Puppeteer“ sąrankoje.
3. Kaip užtikrinti, kad „Puppeteer“ veiktų tiek vietinėje, tiek debesų aplinkoje?
4. Naudojant executablePath ir args su debesims draugiškomis vėliavėlėmis kaip --no-sandbox gali padaryti jūsų sąranką pakankamai lanksčią abiem aplinkoms.
5. Ką daro --no-sandbox vėliavą padaryti lėlėje?
6. The --no-sandbox vėliavėlė išjungia „Chrome“ smėlio dėžės saugą, kuri leidžia „Puppeteer“ veikti debesies paslaugose, kurios nepalaiko smėlio dėžės, tačiau ją reikia naudoti atsargiai.
7. Kodėl man reikia papročio cacheDirectory už Puppeteer?
8. Tinkinimo nustatymas cacheDirectory užtikrina, kad „Puppeteer“ atsisiųstų „Chrome“ dvejetainius failus į žinomą vietą, o tai gali užkirsti kelią klaidoms diegiant, ypač aplinkoje be serverio.
9. Koks yra tikslas networkidle2 parinktis goto metodas?
10. The networkidle2 parinktis laukia, kol bus ne daugiau kaip du aktyvūs tinklo ryšiai. Tai naudinga fiksuojant visiškai įkeltą puslapį ir tvarkant dinaminį turinį.
11. Ar „Puppeteer“ gali veikti be nurodytos „Chrome“ versijos?
12. Taip, bet rekomenduojama nurodyti executablePath ir užtikrinti, kad būtų pasiekiama suderinama „Chrome“ versija, kad debesies sąrankos rezultatai būtų nuoseklūs.
13. Kaip valdyti „Puppeteer“ talpyklą įvairiose aplinkose?
14. Galite nurodyti universalų cacheDirectory esančiame .puppeteerrc.cjs failą, leidžiantį „Puppeteer“ rasti „Chrome“ dvejetainius failus tokiose platformose kaip „Vercel“ ir „Heroku“.
15. Is puppeteer-core skiriasi nuo puppeteer?
16. taip, puppeteer-core neapima „Chrome“, kad sumažintumėte dydį, todėl turėsite nurodyti „Chrome“ dvejetainį failą. Pilnas puppeteer Į paketą automatiškai įtraukta „Chrome“.
17. Ką daryti, jei „Puppeteer“ veikia lėtai debesų aplinkoje?
18. Optimizavimas viewport nustatymus ir išjungti nereikalingas parinktis, pvz devtools gali pagerinti našumą ribotų išteklių aplinkoje.
19. Ar „Puppeteer“ suderinamas su visais debesų paslaugų teikėjais?
20. Paprastai taip, bet kiekvienas teikėjas gali turėti unikalių reikalavimų. Naudojant debesims pritaikytus nustatymus, pvz --no-sandbox užtikrina geresnį suderinamumą.

Paskutinės mintys, kaip priversti „Puppeteer“ paleisti „Vercel“.

Norint sėkmingai įdiegti „Puppeteer“ sistemoje „Vercel“, reikia suprasti konkrečius „Chrome“ sąrankos poreikius. Nurodant paleidimo parinktys ir tinkamai sukonfigūravus „Puppeteer“ talpyklos kelius, išvengiama varginančios klaidos „Nepavyko rasti Chrome“. Šie koregavimai užtikrina, kad „Puppeteer“ veiktų patikimai tiek vietinėje, tiek debesų aplinkoje. 🚀

Pritaikius šiuos sprendimus savo projektui, ekrano kopijų fiksavimas iš vartotojo pateiktų URL tampa sklandus ir leidžia kurti dinamiškesnes žiniatinklio programas. Tinkamai sukonfigūravus, „Puppeteer“ išlieka neįkainojama automatizavimo ir žiniatinklio rinkimo įrankiu, net ir tokiose platformose be serverių kaip „Vercel“.