[Premium] NodeJS Azure Function works in Serverless/Consumption but not Premium

[implodingduck]

Describe the bug When trying to use the NodeJS Playwright library in a Linux Premium Function the code fails with:

╔════════════════════════════════════════════════════════════╗
║ Host system is missing a few dependencies to run browsers. ║
║ Please install them with the following command:            ║
║                                                            ║
║     npx playwright install-deps                            ║
║                                                            ║
║ <3 Playwright Team                                         ║
╚════════════════════════════════════════════════════════════╝

Please note this works in a Serverless/Consumption Function just fine.

To Reproduce Steps to reproduce the behavior:

1. Create a new Premium Linux NodeJS Function with a HttpTrigger
2. Add the following dependencies { "playwright": "^1.17.1", "playwright-chromium": "^1.17.1" },
3. Have code that uses playwright

   
   const { chromium } = require('playwright-chromium');

module.exports = async function (context, req) { context.log('JavaScript HTTP trigger function processed a request.');

const browser = await chromium.launch();
const page = await browser.newPage();
await page.goto('http://whatsmyuseragent.org/');
const screenshot = await page.screenshot({ fullPage: true });

await browser.close();

context.res = {
    headers: {
        "Content-Type": "image/png"
    },
    body: screenshot
};

}

4. See error

**Expected behavior**
The expected behavior is that a screenshot will be returned like it does when using a Serverless/Consumption Function.

**Screenshots**
If applicable, add screenshots to help explain your problem.

**Additional context**
It seems that there are some missing OS level dependencies that are preventing this from working:
apt-get install -y \
libasound2>=1.0.16 \
libatk-bridge2.0-0>=2.5.3 \
libatk1.0-0>=2.2.0 \
libatomic1>=4.8 \
libatspi2.0-0>=2.9.90 \
libavcodec58>=7:4.2 \
libavformat58>=7:4.1 \
libavutil56>=7:4.0 \
libcairo2>=1.6.0 \
libcups2>=1.7.0 \
libdbus-1-3>=1.9.14 \
libdrm2>=2.4.38 \
libevent-2.1-7>=2.1.8-stable \
libflac8>=1.3.0 \
libgbm1>=17.1.0~rc2 \
libglib2.0-0>=2.39.4 \
libgtk-3-0>=3.19.12 \
libharfbuzz0b>=2.2.0 \
libjsoncpp24>=1.9.4 \
liblcms2-2>=2.2+git20110628 \
libminizip1>=1.1 \
libnspr4>=2:4.9-2~ \
libnss3>=2:3.22 \
libopenjp2-7>=2.2.0 \
libopus0>=1.1 \
libpango-1.0-0>=1.14.0 \
libpulse0>=0.99.1 \
libre2-9>=20201101+dfsg \
libsnappy1v5>=1.1.8 \
libvpx6>=1.7.0 \
libwebpdemux2>=0.5.1 \
libwebpmux3>=0.6.1-2+b1 \
libxcomposite1>=1:0.4.5 \
libxdamage1>=1:1.1 \
libxext6 \
libxfixes3 \
libxml2>=2.7.4 \
libxrandr2 \
libxshmfence1 \
libxslt1.1>=1.1.25

[v-bbalaiagar]

Hi @pragnagopa , Could you please look into this issue.

[lukasz-zoglowek]

@v-bbalaiagar @pragnagopa Do you have any update on this issue? We also run into that problem when trying to upgrade to premium plan.

[ManuelaGar]

Hi @v-bbalaiagar @pragnagopa I am having the same issue. I initially deployed my function with playwright using the consumption plan and it works fine, but when I change the plan to Premium it stops working and says there are some missing dependencies. Will try using docker!

[lukasz-zoglowek]

Here is the docker file that works for my needs with azure premium plan and playwright chromium.

# To enable ssh & remote debugging on app service change the base image to the one below
FROM mcr.microsoft.com/azure-functions/node:4-node16-appservice

ENV AzureWebJobsScriptRoot=/home/site/wwwroot \
    AzureFunctionsJobHost__Logging__Console__IsEnabled=true \
    PLAYWRIGHT_BROWSERS_PATH=0

# Base list from https://github.com/ahmelsayed/chrome-headless-func-test/blob/master/Dockerfile
RUN apt-get update && \
    apt-get install -y gconf-service libasound2 libatk1.0-0 libatk-bridge2.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 \
    libnss3 lsb-release xdg-utils wget libgbm-dev

COPY . /home/site/wwwroot

RUN cd /home/site/wwwroot && \
    npm install  && \
    npx playwright install chromium && \
    npm run build

[ManuelaGar]

Hi @lukasz-zoglowek, wow! Thanks for the file, I will try using it and let you know how it goes :)

[ManuelaGar]

Hey @lukasz-zoglowek I just wanted to thank you for the Dockerfile. I just had to do some small changes and it worked perfectly. I also created a docker-compose.yaml to read all my environment variables. You helped a lot, thank you :)

I also used this tutorial: Create a function on Linux using a custom container and it helped a lot. Here is the docker-compose.yaml in case anyone in the future needs it.

version: '3.9'
services:
  <NAME_OF_YOUR_SERVICE>:
    container_name: <NAME_OF_YOUR_CONTAINER>
    image: <NAME_OF_YOUR_IMAGE>
    ports:
      - 7071:80
    env_file:
      - .env
    restart: always