'Issue with running Puppeteer and Browsershot in Laravel Vapor Docker runtime

I am trying to run Puppeteer and Spatie/Browsershot in Laravel Vapor Docker Runtime but getting following error

type: 'error',
message: 'socket hang up',
error: Error: socket hang up at connResetException (internal/errors.js:639:14) 
at Socket.socketOnEnd (_http_client.js:499:23) 
at Socket.emit (events.js:412:35) 
at endReadableNT (internal/streams/readable.js:1334:12) 
at processTicksAndRejections (internal/process/task_queues.js:82:21) 
{ code: 'ECONNRESET' }

Here's my Dockerfile

FROM laravelphp/vapor:php80

# Installs latest Chromium (93) package.
RUN apk add --no-cache \
      chromium \
      nss \
      freetype \
      harfbuzz \
      ca-certificates \
      ttf-freefont \
      nodejs \
      npm

# Tell Puppeteer to skip installing Chrome. We'll be using the installed package.
ENV PUPPETEER_SKIP_CHROMIUM_DOWNLOAD=true \
    PUPPETEER_EXECUTABLE_PATH=/usr/bin/chromium-browser

# Puppeteer v10.2.0 works with Chromium 93.
RUN npm i -g [email protected]

COPY . /var/task

Here's my Browsershot Code

Browsershot::url('https://www.test-url.com')
            ->setNodeBinary(env('NODE_BINARY') ?? '/usr/bin/node')
            ->setNpmBinary(env('NPM_BINARY') ?? '/usr/bin/npm')
            ->addChromiumArguments(['no-sandbox', 'disable-setuid-sandbox', 'disable-dev-shm-usage'])
            ->dismissDialogs()
            ->setExtraHttpHeaders(['cookie' => request()->header('cookie')])
            ->format('A4')
            ->margins('32', '32', '32', '32', 'px')
            ->waitUntilNetworkIdle()
            ->pdf();

Any help would be appreciated!

laravelpuppeteeralpinelaravel-vaporbrowsershot


Solution 1:[1]

I converted my layer-based lambda to a docker-based version today and ran into the same issue.

As I used chrome-aws-lambda before, I looked into what launch arguments they used. I don't know which one did the trick, but here's the list I added to browsershot:

// See https://github.com/alixaxel/chrome-aws-lambda/blob/master/source/index.ts#L94
$browsershot->addChromiumArguments([
    'allow-running-insecure-content', // https://source.chromium.org/search?q=lang:cpp+symbol:kAllowRunningInsecureContent&ss=chromium
    'autoplay-policy' => 'user-gesture-required', // https://source.chromium.org/search?q=lang:cpp+symbol:kAutoplayPolicy&ss=chromium
    'disable-component-update', // https://source.chromium.org/search?q=lang:cpp+symbol:kDisableComponentUpdate&ss=chromium
    'disable-domain-reliability', // https://source.chromium.org/search?q=lang:cpp+symbol:kDisableDomainReliability&ss=chromium
    'disable-features' => 'AudioServiceOutOfProcess,IsolateOrigins,site-per-process', // https://source.chromium.org/search?q=file:content_features.cc&ss=chromium
    'disable-print-preview', // https://source.chromium.org/search?q=lang:cpp+symbol:kDisablePrintPreview&ss=chromium
    'disable-setuid-sandbox', // https://source.chromium.org/search?q=lang:cpp+symbol:kDisableSetuidSandbox&ss=chromium
    'disable-site-isolation-trials', // https://source.chromium.org/search?q=lang:cpp+symbol:kDisableSiteIsolation&ss=chromium
    'disable-speech-api', // https://source.chromium.org/search?q=lang:cpp+symbol:kDisableSpeechAPI&ss=chromium
    'disable-web-security', // https://source.chromium.org/search?q=lang:cpp+symbol:kDisableWebSecurity&ss=chromium
    'disk-cache-size' => 33554432, // https://source.chromium.org/search?q=lang:cpp+symbol:kDiskCacheSize&ss=chromium
    'enable-features' => 'SharedArrayBuffer', // https://source.chromium.org/search?q=file:content_features.cc&ss=chromium
    'hide-scrollbars', // https://source.chromium.org/search?q=lang:cpp+symbol:kHideScrollbars&ss=chromium
    'ignore-gpu-blocklist', // https://source.chromium.org/search?q=lang:cpp+symbol:kIgnoreGpuBlocklist&ss=chromium
    'in-process-gpu', // https://source.chromium.org/search?q=lang:cpp+symbol:kInProcessGPU&ss=chromium
    'mute-audio', // https://source.chromium.org/search?q=lang:cpp+symbol:kMuteAudio&ss=chromium
    'no-default-browser-check', // https://source.chromium.org/search?q=lang:cpp+symbol:kNoDefaultBrowserCheck&ss=chromium
    'no-pings', // https://source.chromium.org/search?q=lang:cpp+symbol:kNoPings&ss=chromium
    'no-sandbox', // https://source.chromium.org/search?q=lang:cpp+symbol:kNoSandbox&ss=chromium
    'no-zygote', // https://source.chromium.org/search?q=lang:cpp+symbol:kNoZygote&ss=chromium
    'use-gl' => 'swiftshader', // https://source.chromium.org/search?q=lang:cpp+symbol:kUseGl&ss=chromium
    'window-size' => '1920,1080', // https://source.chromium.org/search?q=lang:cpp+symbol:kWindowSize&ss=chromium
    'single-process', // https://source.chromium.org/search?q=lang:cpp+symbol:kSingleProcess&ss=chromium
]);

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 spaceemotion

Related Questions