Pārlūka Chrome kļūdas “Nevarēja atrast pārlūku Chrome (versija 130.0.6723.116)” labošana, izvietojot Vercel.

1. risinājums: konfigurējiet Puppeteer, lai pareizi instalētu pārlūku Chrome Vercel

Šis uz Node.js balstītais aizmugursistēmas risinājums konfigurē Puppeteer kešatmiņas ceļu un instalēšanas komandas, lai nodrošinātu pareizu Chrome instalēšanu.

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. risinājums: pielāgota Puppeteer konfigurācija Vercel ar .puppeteerrc.cjs failu

Šis risinājums pielāgo Puppeteer konfigurācijas failu (.puppeteerrc.cjs), lai norādītu Chrome kešatmiņas ceļu un nodrošinātu saderību ar Vercel failu struktūru.

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. risinājums: vides mainīgo un skriptu ieviešana failā package.json programmai Puppeteer

Šī pieeja maina pack.json failu, lai izvietošanas laikā instalētu noteiktus Chrome bināros failus un automātiski iestatītu Puppeteer konfigurācijas.

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

Vienības pārbaude leļļu ekrānuzņēmuma funkcionalitātei

Šis Node.js Mocha testa skripts pārbauda Puppeteer spēju uzņemt ekrānuzņēmumu no URL dažādās vidēs.

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

Bieži uzdotie jautājumi par Puppeteer un Cloud izvietošanu

1. Kāpēc mākoņa platformās tiek rādītas kļūdas “Nevarēju atrast Chrome”?
2. Šīs kļūdas bieži rodas, jo mākoņa platformās pēc noklusējuma nav iekļauts pilns Chrome binārs. To var novērst, norādot executablePath jūsu Leļļu teātra iestatījumos.
3. Kā nodrošināt Puppeteer darbību gan vietējā, gan mākoņa vidē?
4. Izmantojot executablePath un args ar mākoņiem draudzīgiem karogiem, piemēram --no-sandbox var padarīt jūsu iestatījumu pietiekami elastīgu abām vidēm.
5. Ko dara --no-sandbox karoga darīt in Puppeteer?
6. The --no-sandbox karodziņš atspējo Chrome smilškastes drošību, kas ļauj Puppeteer darboties mākoņpakalpojumos, kas neatbalsta smilškastes izmantošanu, taču tas ir jāizmanto piesardzīgi.
7. Kāpēc man vajag pasūtījumu cacheDirectory par Puppeteer?
8. Pielāgojuma iestatīšana cacheDirectory nodrošina, ka Puppeteer lejupielādē Chrome bināros failus zināmā vietā, kas var novērst kļūdas izvietošanas laikā, jo īpaši vidēs bez servera.
9. Kāds ir mērķis networkidle2 opcija sadaļā goto metode?
10. The networkidle2 opcija gaida, līdz ir ne vairāk kā divi aktīvi tīkla savienojumi. Tas ir noderīgi, lai uzņemtu pilnībā ielādētu lapu un apstrādātu dinamisku saturu.
11. Vai Puppeteer var darboties bez noteiktas Chrome versijas?
12. Jā, bet ieteicams norādīt executablePath un nodrošināt, ka ir pieejama saderīga Chrome versija, lai mākoņa iestatījumos iegūtu konsekventus rezultātus.
13. Kā pārvaldīt Puppeteer kešatmiņu dažādās vidēs?
14. Varat norādīt universālu cacheDirectory sadaļā .puppeteerrc.cjs failu, ļaujot Puppeteer atrast Chrome bināros failus tādās platformās kā Vercel un Heroku.
15. Ir puppeteer-core atšķiras no puppeteer?
16. Jā, puppeteer-core neietver komplektā iekļauto Chrome, lai samazinātu izmēru, tāpēc jums būs jānorāda Chrome binārais fails. Pilns puppeteer pakotnē automātiski ir iekļauts pārlūks Chrome.
17. Kas man jādara, ja Puppeteer darbojas lēni mākoņa vidē?
18. Optimizēšana viewport iestatījumus un atspējojot tādas nevajadzīgas opcijas kā devtools var uzlabot veiktspēju ierobežotu resursu vidē.
19. Vai Puppeteer ir saderīgs ar visiem mākoņa pakalpojumu sniedzējiem?
20. Parasti jā, taču katram pakalpojumu sniedzējam var būt unikālas prasības. Izmantojot mākonim draudzīgus iestatījumus, piemēram --no-sandbox nodrošina labāku saderību.

Pēdējās domas par to, kā likt Puppeteer darboties Vercelā

Lai veiksmīgi izvietotu Puppeteer pārlūkprogrammā Vercel, ir jāsaprot konkrētās Chrome iestatīšanas vajadzības. Norādot palaišanas opcijas un pareizi konfigurējot Puppeteer kešatmiņas ceļus, tiek novērsta satraucošā kļūda “Nevarēja atrast Chrome”. Šie pielāgojumi nodrošina Puppeteer uzticamu darbību gan vietējā, gan mākoņa vidē. 🚀

Kad pielāgojat šos risinājumus savam projektam, ekrānuzņēmumu tveršana no lietotāja nodrošinātajiem URL kļūst nemanāma, ļaujot izmantot dinamiskākas tīmekļa lietojumprogrammas. Ar pareizu iestatīšanu Puppeteer joprojām ir nenovērtējams rīks automatizācijai un tīmekļa skrāpēšanai pat bezserveru platformās, piemēram, Vercel.