如何使用 node.js（Firefox 或 Chrome）在 Heroku 上运行 Selenium-Webdriver

我想在 Heroku 上使用 Selenium 和 Firefox 或其他能够显示视频的浏览器。不幸的是，PhantomJS 不起作用，因为浏览器无法播放视频。

我已经通过使用这些构建包在 Firefox 中进行了尝试：

• https://github.com/buitron/firefox-buildpack
• https://github.com/buitron/geckodriver-buildpack

并通过使用这些 buildpacks 来处理 chrome：

• https://github.com/heroku/heroku-buildpack-chromedriver
• https://github.com/heroku/heroku-buildpack-google-chrome

但我总是在 heroku-logs 中得到这个：

2019-09-20T15:04:47.000000+00:00 app[api]: Build succeeded
2019-09-20T15:04:49.118915+00:00 app[web.1]: Error: Server terminated early with status 2
2019-09-20T15:04:49.118934+00:00 app[web.1]: at earlyTermination.catch.e (/app/node_modules/selenium-webdriver/remote/index.js:251:52)
2019-09-20T15:04:49.118936+00:00 app[web.1]: at process._tickCallback (internal/process/next_tick.js:68:7)

有没有办法在heroku上使用selenium和可以显示视频格式的浏览器，比如youtube上的视频？

我还没有找到适合我的解决方案。

UPDATE

如果我尝试这个answser将显示相同的错误：

const chrome = require('selenium-webdriver/chrome');

let options = new chrome.Options();

options.addArguments('--headless');
options.addArguments('--disable-gpu');
options.addArguments('--no-sandbox');

let driver = new webdriver.Builder()
  .forBrowser('chrome')
  .setChromeOptions(options)
  .build();

driver.get('http://www.google.com').catch(err => console.log(err));

我尝试了这个并且成功了。

注意：我在 chrome 中使用 React、Express 和 Selenium

第 1 步：创建一个新的 Heroku 应用程序。

第 2 步：从您的终端，使用以下命令登录 Herokuheroku login

第 3 步：登录后，cd到您的项目目录并将其远程设置为您的heroku应用程序。heroku git:remote -a YOUR-HEROKU-APP-NAME

第 4 步：在终端中运行以下所有命令

heroku buildpacks:add https://github.com/heroku/heroku-buildpack-chromedriver
heroku buildpacks:add https://github.com/heroku/heroku-buildpack-google-chrome
heroku config:set CHROME_DRIVER_PATH=/app/.chromedriver/bin/chromedriver
heroku config:set CHROME_BINARY_PATH=/app/.apt/opt/google/chrome/chrome

第 5 步：从浏览器登录 heroku 并导航到您的应用程序。转到设置并在下面buildpacks, add heroku/nodejs

第 6 步：这就是我的 index.js 的样子。注意：我的快速入口点在里面root-dir/server/index.js我的反应文件在里面root-dir/client/

const express = require('express');
const app = express();
const path = require('path');

// Serve static files from the React app. 
app.use(express.static(path.join(__dirname, '..', 'client/build')));


app.get('/api', async (req, res) => {
    const webdriver = require('selenium-webdriver');
    require('chromedriver');
    const chrome = require('selenium-webdriver/chrome');

    let options = new chrome.Options();
    options.setChromeBinaryPath(process.env.CHROME_BINARY_PATH);
    let serviceBuilder = new chrome.ServiceBuilder(process.env.CHROME_DRIVER_PATH);
    
    //Don't forget to add these for heroku
    options.addArguments("--headless");
    options.addArguments("--disable-gpu");
    options.addArguments("--no-sandbox");
  

    let driver = new webdriver.Builder()
        .forBrowser('chrome')
        .setChromeOptions(options)
        .setChromeService(serviceBuilder)
        .build();

    await driver.get('http://www.google.com');
    res.send(await driver.getTitle());
});

app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname, '..', 'client/build/index.html'));
});

const port = process.env.PORT || 5000;
app.listen(port, () => {
    console.log(`listening to port ${port} now...`);
});

第 7 步（如果您使用的是 React）：现在在您的package.json in root-dir/，添加这个

"scripts": {
...
"heroku-postbuild": "cd client && npm install && npm run build"
}

第 8 步（如果您使用的是 React）：在您的package.json in root-dir/client/ (i.e: package.json对于反应应用程序），添加以下行：

  "proxy": "http://localhost:5000/",

第8步：（如果你使用的是react）：里面root-dir/client/src/，创建一个新文件，名为setupProxy.js并粘贴以下代码：

const proxy = require("http-proxy-middleware");

module.exports = function(app) {
    app.use(proxy('/api', { target: `http://localhost:${process.env.PORT || 5000}/`}));
};

步骤 9： 现在，您已准备好进行部署。确保您已安装以下软件包：express, selenium-webdriver, and chromedriver

第10步：现在将其推送到heroku

git add .
git commit -m "my app"
git push heroku master