Puppeteer-sharp not working on linux docker container

[brechtvhb]

Docker base image is: mcr.microsoft.com/dotnet/core/aspnet:2.2-alpine3.9

I'm gettting this error
[12:17:23 INF] Starting to initialize puppeteer
[12:17:23 INF] Saving puppeteer to /app/puppeteer
[12:17:36 INF] puppeteer executable path is /app/puppeteer/Linux-662092/chrome-linux/chrome
[12:17:36 INF] Puppeteer initialized

System.ComponentModel.Win32Exception (2): No such file or directory
at Interop.Sys.ForkAndExecProcess(String filename, String[] argv, String[] envp, String cwd, Boolean redirectStdin, Boolean redirectStdout, Boolean redirectStderr, Boolean setUser, UInt32 userId, UInt32 groupId, Int32& lpChildPid, Int32& stdinFd, Int32& stdoutFd, Int32& stderrFd, Boolean shouldThrow)
at System.Diagnostics.Process.StartCore(ProcessStartInfo startInfo)
at System.Diagnostics.Process.Start()
at PuppeteerSharp.ChromiumProcess.State.StartingState.StartCoreAsync(ChromiumProcess p)
at PuppeteerSharp.Launcher.LaunchAsync(LaunchOptions options)
at PuppeteerSharp.Launcher.LaunchAsync(LaunchOptions options)

Code is :
Log.Information("Starting to initialize puppeteer");

        if (!Directory.Exists(_pdfSettings.PuppeteerPath))
            Directory.CreateDirectory(_pdfSettings.PuppeteerPath);

        Log.Information("Saving puppeteer to {path}", _pdfSettings.PuppeteerPath);

        var browserFetcher = new BrowserFetcher(new BrowserFetcherOptions
        {
            Path = _pdfSettings.PuppeteerPath
        });

        await browserFetcher.DownloadAsync(BrowserFetcher.DefaultRevision);

        var executablePath = browserFetcher.GetExecutablePath(BrowserFetcher.DefaultRevision);

        Log.Information("puppeteer executable path is {path}", executablePath);

        var launchOptions = new LaunchOptions
        {
            ExecutablePath = executablePath,
            Headless = true,
            LogProcess = true,
            Args = new[]
            {
                "--no-sandbox"
            }
        };

        Log.Information("Puppeteer initialized");

        await Puppeteer.LaunchAsync(launchOptions);

[kblok]

I was able to reproduce this 👍

[brechtvhb]

I've worked around this issue by running a browserless chrome docker container, which wasn't all to hard to get up and running. I think this option makes sense if your .net application is running in a container too.

[kblok]

I'm working on a post explaining how to use pptr# on Docker. But I can give a solution here in the meantime :)

The chrome build that BrowserFetcher downloads won't work on a Docker container. But, Puppeteer`s recipe is already downloading Chrome on that image so we can use that Chrome build by setting an environment variable.

This is the Dockerfile I'm working on:

FROM mcr.microsoft.com/dotnet/core/runtime:2.1

#####################
#PUPPETEER RECIPE
#####################
# Install latest chrome dev package and fonts to support major charsets (Chinese, Japanese, Arabic, Hebrew, Thai and a few others)
# Note: this installs the necessary libs to make the bundled version of Chromium that Puppeteer
# installs, work.
RUN apt-get update && apt-get -f install && apt-get -y install wget gnupg2 apt-utils
RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add - \
    && sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list' \
    && apt-get update \
    && apt-get install -y google-chrome-unstable fonts-ipafont-gothic fonts-wqy-zenhei fonts-thai-tlwg fonts-kacst ttf-freefont \
      --no-install-recommends \
    && rm -rf /var/lib/apt/lists/*

#####################
#END PUPPETEER RECIPE
#####################

ENV PUPPETEER_EXECUTABLE_PATH "/usr/bin/google-chrome-unstable"
COPY bin/Release/netcoreapp2.1/publish/ /app/
ENTRYPOINT ["dotnet", "/app/PuppeteerSharpPdfDemo-Local.dll"]

With this recipe, we don't need to user BrowserFetcher on the App. In that example, I'm not creating a user so you will need to add the --no-sandbox to the launch arguments.

[hoilung]

Test project directory add dockerfile

You can refer to it.

install Puppeteer (Headless Chrome,no-sandbox)

FROM microsoft/dotnet:2.2-runtime AS base
RUN apt-get update -y
RUN apt-get install -y gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget
WORKDIR /app

FROM microsoft/dotnet:2.2-sdk AS build
WORKDIR /src
COPY Test/Test.csproj Test/
RUN dotnet restore Test/Test.csproj
COPY . .
WORKDIR /src/Test
RUN dotnet build teTestst.csproj -c Release -o /app

FROM build AS publish
RUN dotnet publish Test.csproj -c Release -o /app

FROM base AS final
WORKDIR /app
COPY --from=publish /app .
ENTRYPOINT ["dotnet", "Test.dll"]

[kblok]

Running Puppeteer-Sharp on Docker
http://www.hardkoded.com/blog/puppeteer-sharp-docker

[runxc1]

Any update on this with regards to getting it to run on a .Net 6 container. Seems the old way gives an error saying that

libappindicator3-1 isn't available

google-chrome-stable : Depends: libappindicator3-1 but it is not installable

[jamie-tillman]

Any update on this with regards to getting it to run on a .Net 6 container. Seems the old way gives an error saying that

libappindicator3-1 isn't available

google-chrome-stable : Depends: libappindicator3-1 but it is not installable

Using these links:

• https://www.hardkoded.com/blog/puppeteer-sharp-docker
• https://unix.stackexchange.com/questions/506351/error-during-installation-of-latest-stable-chrome-on-debian

I was able to gather enough understanding to build a dockerfile segment that seems to work from Visual Studio's local dotnet6 container:

FROM mcr.microsoft.com/dotnet/aspnet:6.0 AS base
#####################
#PUPPETEER RECIPE
#####################
RUN apt-get update && apt-get -f install && apt-get -y install wget gnupg2 apt-utils
RUN wget -q -O - https://dl.google.com/linux/linux_signing_key.pub | apt-key add -
RUN echo 'deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main' >> /etc/apt/sources.list
RUN apt-get update \
&& apt-get install -y google-chrome-stable --no-install-recommends --allow-downgrades fonts-ipafont-gothic fonts-wqy-zenhei fonts-thai-tlwg fonts-kacst fonts-freefont-ttf
######################
#END PUPPETEER RECIPE
######################
ENV PUPPETEER_EXECUTABLE_PATH "/usr/bin/google-chrome-stable"
WORKDIR /app
EXPOSE 80
EXPOSE 443

Important to note that that according to this page...

• https://stackoverflow.com/a/66982374/2437916

...the recipe clause must be placed in the first dockerfile segment (which is what I copied here), not the build or deploy ones, or it won't be properly set up.

[rbluethl]

Hey @jamie-tillman,

I'm struggling to get PuppeteerSharp running on my AWS Beanstalk instance running Docker.
Would you mind sharing your entire Dockerfile with me?

[jamie-tillman]

I'm struggling to get PuppeteerSharp running on my AWS Beanstalk instance running Docker. Would you mind sharing your entire Dockerfile with me?

I don't think there's any harm in that. Here's what worked for deploying my csproj file to an Azure Docker Container:

FROM mcr.microsoft.com/dotnet/aspnet:6.0 AS base
#####################
#PUPPETEER RECIPE
#####################
RUN apt-get update && apt-get -f install && apt-get -y install wget gnupg2 apt-utils
RUN wget -q -O - https://dl.google.com/linux/linux_signing_key.pub | apt-key add -
RUN echo 'deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main' >> /etc/apt/sources.list
RUN apt-get update \
&& apt-get install -y google-chrome-stable --no-install-recommends --allow-downgrades fonts-ipafont-gothic fonts-wqy-zenhei fonts-thai-tlwg fonts-kacst fonts-freefont-ttf
######################
#END PUPPETEER RECIPE
######################
ENV PUPPETEER_EXECUTABLE_PATH "/usr/bin/google-chrome-stable"
WORKDIR /app
EXPOSE 80
EXPOSE 443

FROM mcr.microsoft.com/dotnet/sdk:6.0 AS build
WORKDIR /src
COPY ["HtmlToPdf/HtmlToPdf.csproj", "HtmlToPdf/"]
RUN dotnet restore "HtmlToPdf/HtmlToPdf.csproj"
COPY . .
WORKDIR "/src/HtmlToPdf"
RUN dotnet build "HtmlToPdf.csproj" -c Release -o /app/build

FROM build AS publish
RUN dotnet publish "HtmlToPdf.csproj" -c Release -o /app/publish

FROM base AS final
WORKDIR /app
COPY --from=publish /app/publish .
ENTRYPOINT ["dotnet", "HtmlToPdf.dll"]

[runxc1]

@jamie-tillman what options do you use on the C# side. I was able to get it to work but only with the --no-sandbox option

                        _browser = await Puppeteer.LaunchAsync(new LaunchOptions
                        {
                            Headless = true,
                            Args = new string[] { "--no-sandbox", "--disable-dev-shm-usage" }
                        })

[jamie-tillman]

I did use the --no-sandbox option, but I found information on how to get it to work without it: https://www.hardkoded.com/blog/puppeteer-sharp-docker#without-no-sandbox jlund/docker-chrome-pulseaudio#8 (comment) I just didn't need to bother with it at this stage so I haven't tried it out yet. Since I'm running in a docker instance and my service is network firewalled and only internally used, it didn't really matter to me at this point.

…

On Tue, Jan 18, 2022 at 2:24 PM runxc1(Bret Ferrier) < ***@***.***> wrote: @jamie-tillman <https://github.com/jamie-tillman> what options do you use on the C# side. I was able to get it to work but only with the --no-sandbox option _browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = true, Args = new string[] { "--no-sandbox", "--disable-dev-shm-usage" } }) — Reply to this email directly, view it on GitHub <#1180 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMRF2TKIYUNM3MLCNFCFUP3UWW45ZANCNFSM4H2RGF3A> . Triage notifications on the go with GitHub Mobile for iOS <https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675> or Android <https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>. You are receiving this because you were mentioned.Message ID: ***@***.***>

-- Jamie Tillman / Chief Executive Officer & Lead Architect / www.Prolydian.com

[rbluethl]

Hey thanks for your response @jamie-tillman.
The C# part isn't clear to me either (as @runxc1 said), would you mind sharing that as well?

I currently have:

using var browserFetcher = new BrowserFetcher();
await browserFetcher.DownloadAsync();

await using var browser = await Puppeteer.LaunchAsync(new LaunchOptions
{
    Headless = true, Args = new[] {"--no-sandbox"}
});
await using var page = await browser.NewPageAsync();

[jamie-tillman]

Hey thanks for your response @jamie-tillman. The C# part isn't clear to me either (as @runxc1 said), would you mind sharing that as well?

This is what I'm using:

            await using var browser = await Puppeteer.LaunchAsync(
                new LaunchOptions
                {
                    Headless = true,
                    Args = new[] { "--no-sandbox" }
                });
            await using var page = await browser.NewPageAsync();
            await page.GoToAsync(uri);
            var fileName = Path.GetTempFileName();
            await page.PdfAsync(fileName);
            return fileName;

Note that I'm not using BrowserFetcher, which causes delays on first access. I use the technique described here instead:

https://www.hardkoded.com/blog/puppeteer-sharp-docker#we-are-downloading-chrome