在 Heroku 上执行 chrome 而没有 headless 时出错答案

【问题标题】：Error while excuting chrome without headless on heroku在 Heroku 上执行 chrome 而没有 headless 时出错
【发布时间】：2018-06-09 02:13:09
【问题描述】：

我目前正在做一个项目，我需要构建一个应用程序，该应用程序需要在浏览器中打开一个 URL 才能使用它的某些功能。
为此，我在 nodejs 脚本中使用了puppeteer，以便在服务器端打开浏览器，以便像 api 一样使用它。

这是代码（nodejs）：

app.get('/do', (req, res) => {
    console.log("ok");
    (async() => {
        var browser = await puppeteer.launch(
            { args: ['--no-sandbox','--disable-setuid-sandbox'], headless: false });
        var page = await browser.newPage();
        await page.goto('https://url.com');//i hid the url for personal reason
        await page.waitFor(1000); // to wait for 1000ms
        await page.waitFor('body div'); // to wait for the 'body div' selector in body
        await page.waitFor(() => Math.random() < 0.5); // to wait for the predicate
        await page.screenshot({
            path: 'public/photo.png'
        });

        await browser.close();
        await res.end('<html><head></title></head><body><h1><img src=photo.png ></img></h1></body></html>');
    })();

});

此代码在本地工作，但当我在 heroku 上部署时，它显示此错误：

app[web.1]: /send
应用[web.1]：（节点：4） UnhandledPromiseRejectionWarning：未处理的承诺拒绝（拒绝 id：1）：错误：无法启动 chrome！
应用程序[web.1]： /app/node_modules/puppeteer/.local-chromium/linux-515411/chrome-linux/nacl_helper：加载共享库时出错：libnss3.so：无法打开共享目标文件：没有这样的文件或目录
应用程序[web.1]： [21:21:1228/131735.202176:ERROR:nacl_fork_delegate_linux.cc(316)] 错误 NaCl 助手启动确认（0 字节）
应用[web.1]:
应用[web.1]:
应用程序 [web.1]：故障排除： https://github.com/GoogleChrome/puppeteer/blob/master/docs/troubleshooting.md
应用[web.1]:
应用[web.1]：（节点：4）[DEP0018] DeprecationWarning：不推荐使用未处理的承诺拒绝。在未来，未处理的承诺拒绝将终止具有非零退出代码的 Node.js 进程。

但是如果我删除 headless: false 它可以工作，但问题是 url 显示了一个温暖的页面，我需要使用像 chrome 或 mozilla 或 safari 这样的浏览器。

我该如何解决这个问题？

【问题讨论】：

标签： javascript node.js google-chrome heroku puppeteer

【解决方案1】：

您需要将 Puppeteer Heroku 构建包包含到您的应用的构建包列表中。转到您的Heroku dashboard 并打开您的应用程序。转到 Settings > Buildpacks > Add buildpack 并使用此 URL。

https://github.com/jontewks/puppeteer-heroku-buildpack

当您单击添加 buildpack 时，只需将该 URL 粘贴到输入中，然后单击保存。在下一次部署时，您的应用还将安装 Puppeteer 需要运行的依赖项。

请参阅troubleshooting guide 以获取更多帮助。

【讨论】：

我在用同样的东西，但是你知道在没有沙箱的情况下运行 chrome headless 来截取网页是否安全？在我看来，如果中间有人攻击，这可能是一个安全问题。
这就是答案。
哇..真是惊喜又实用..谢谢。

【解决方案2】：

这对我有用。首先，我清除所有构建包，然后添加 puppeteer-heroku-buildpack 和 heroku/nodejs 一个：

$ heroku buildpacks:clear
$ heroku buildpacks:add --index 1 https://github.com/jontewks/puppeteer-heroku-buildpack
$ heroku buildpacks:add --index 1 heroku/nodejs

【讨论】：