This buildpack installs all the needed dependencies to use Playwright with Chromium and Firefox on Heroku.
For using this buildpack, you have to add the buildpack before installing your Node.js dependencies.
heroku buildpacks:set https://github.com/mxschmitt/heroku-playwright-example -a my-appFor a full example, see here a usage with the Express library.
For using Chromium, it's necessary to use --no-sandbox argument, since on Heroku there is no support for the Chromium sandbox.
const { chromium } = require("playwright-chromium"); (async () => { const browser = await chromium.launch({ args: ["--no-sandbox"] }); const context = await browser.newContext(); const page = await context.newPage(); await page.goto('http://whatsmyuseragent.org/'); await page.screenshot({ path: `chromium.png` }); await browser.close(); })();For Firefox, you can refer to the official examples, no need to adjust any configurations.
const { firefox } = require("playwright-firefox"); (async () => { const browser = await chromium.launch(); const context = await browser.newContext(); const page = await context.newPage(); await page.goto('http://whatsmyuseragent.org/'); await page.screenshot({ path: `firefox.png` }); await browser.close(); })();It's common to only install the browser-specific NPM packages, which will reduce installation time and slug size on Heroku in the end, that should fix also the error that the slug size is too large.
