在 docker 网络中无法访问 Chrome答案

【问题标题】：Chrome not reachable inside docker network在 docker 网络中无法访问 Chrome
【发布时间】：2018-11-19 04:06:19
【问题描述】：

我有一个网络应用程序，我正在尝试使用 Protractor 在 Gitlab-CI 下进行测试。

我在 Gitlab-CI 中使用 docker-in-docker 来构建和测试应用程序。

我的所有服务都在 Docker 中进行了容器化（一个托管静态文件的 Nginx 服务器、一个 Nodejs API、一个 Postgresql DB 和一个 Nginx 反向代理，“指向”静态文件 nginx 服务器和 nodejs API）。

昨天，运行 Protractor 测试时一切正常。然后，我将我的 git 分支与另一个分支合并以添加新测试。在合并过程中，我丢失了我的反向 nginx 代理配置（我错误地删除了它），我不得不重新制作。我不认为新的反向代理配置是问题，但与此同时，这是唯一改变的事情。现在每个测试都因错误而失败：

WebDriverError: chrome not reachable
e2e_1_511616c9d3bd  |       (Session info: headless chrome=68.0.3440.106)
e2e_1_511616c9d3bd  |       (Driver info: chromedriver=2.38 (05121428cd0fc129e40a3694cf5405698236ad14),platform=Linux 4.14.48-coreos-r2 x86_64)
e2e_1_511616c9d3bd  |         at Object.checkLegacyResponse (/usr/lib/node_modules/protractor/node_modules/selenium-webdriver/lib/error.js:546:15)
e2e_1_511616c9d3bd  |         at parseHttpResponse (/usr/lib/node_modules/protractor/node_modules/selenium-webdriver/lib/http.js:509:13)
e2e_1_511616c9d3bd  |         at doSend.then.response (/usr/lib/node_modules/protractor/node_modules/selenium-webdriver/lib/http.js:441:30)
e2e_1_511616c9d3bd  |         at process._tickCallback (internal/process/next_tick.js:68:7)
e2e_1_511616c9d3bd  |     From: Task: Protractor.get(https://reverseproxy.xyz/) - get url
...

我可以在我的 gitlab-ci 控制台中看到，当测试启动时，浏览器会向 nodejs API 发出一些成功的请求。

我的nginx反向代理配置：

worker_processes  auto;

events {
    worker_connections  1024;
}

http {

    upstream docker-web {
        server web:4200;
    }

    upstream docker-api {
        server api:8443;
    }

    proxy_redirect      off;
    proxy_set_header    Host        $host;
    proxy_set_header    X-Real-IP   $remote_addr;
    proxy_ssl_session_reuse off;

    server {

        server_name localhost;

        location / {
            proxy_pass https://docker-web;
        }

        location /api/ {
            proxy_pass https://docker-api/;
        }
        listen 443 ssl;
        listen [::]:443 ssl ipv6only=on;
        ssl_certificate /etc/nginx/proxy.crt;
        ssl_certificate_key /etc/nginx/proxy.key;
        ssl_session_cache shared:le_nginx_SSL:1m;
        ssl_session_timeout 1440m;

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;

        ssl_ciphers "ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA:ECDHE-RSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-RSA-AES256-SHA256:DHE-RSA-AES256-SHA:ECDHE-ECDSA-DES-CBC3-SHA:ECDHE-RSA-DES-CBC3-SHA:EDH-RSA-DES-CBC3-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:DES-CBC3-SHA:!DSS";
    }
}

我的测试在 alpine 容器下运行，带有以下 Dockerfile：

FROM alpine:latest

RUN sed -i -e 's/v[[:digit:]]\.[[:digit:]]/edge/g' /etc/apk/repositories
RUN apk upgrade --update-cache --available

RUN apk add npm
RUN npm install -g protractor

# chromium dependencies
RUN apk add openjdk8-jre-base
RUN apk add nss
RUN apk add chromium
RUN apk add chromium-chromedriver
RUN apk upgrade --no-cache --available
ENV CHROME_BIN /usr/bin/chromium-browser

RUN mkdir /e2e
COPY . /e2e
CMD protractor /e2e/ci-conf.js

这是我的 ci-conf.js

exports.config = {
  framework: 'jasmine',
  chromeOnly: true,
  directConnect: true,
  specs: ['src/e2e-spec.js'],
  chromeDriver: '/usr/bin/chrome',
  baseUrl: 'https://reverseproxy.xyz', // reverseproxy.xyz is the name of my reverse proxy docker-compose service
  capabilities: {
    browserName: 'chrome',
    acceptInsecureCerts: true, // I'm currently using self-signed certificates in the reverse-proxy
    chromeOptions: {
      args: ['headless','no-sandbox', 'disable-gpu', '--window-size=1920,1080']
    }
  }
}

我的 docker-compose，我用它来初始化应用程序并开始测试：

version: '3.7'

services:
  reverseproxy.xyz:
    image: registry.gitlab.com/projectname/reverseproxy:latest
    depends_on:
      - web
    ports:
      - 443:443
  web:
    image: registry.gitlab.com/projectname/web:42-ci
    depends_on:
      - api
  db:
    image: registry.gitlab.com/projectname/db:42-ci
    volumes:
      - postgres:/var/lib/postgresql/data
  api:
    image: registry.gitlab.com/projectname/api:42-ci
    depends_on:
      - db
  e2e:
    image: e2e:latest
    depends_on:
      - reverseproxy.xyz
volumes:
  postgres:

我的 gitlab-ci 测试阶段：

web_integration_tests:
  stage: test
  script:
    - docker-compose pull
    - docker-compose up -d db
    - docker-compose up -d api
    - docker-compose up -d web
    - docker-compose up -d reverseproxy.xyz
    - sleep 5
    - docker-compose up --exit-code-from

我尝试在 e2e-spec.js 中运行的测试示例：

describe('Be logged in', function() {
  let showAddAccounts = element(by.id('accountIconList'));
  let fbLoginBtn = element(by.id('fbLoginBtn'));

  beforeEach(function() {
    browser.get('');
  });

  it('Should Login in facebook', function() {
    browser.sleep(500);
    showAddAccounts.click();
    fbLoginBtn.isPresent().then((isPresent) => {
      if (isPresent) { // does not appear if already logged in
        fbLoginBtn.click().then( () => {
          browser.waitForAngularEnabled(false);
          browser.getCurrentUrl().then(url => {
            browser.driver.findElement(by.id('email')).sendKeys(test_email);
            browser.driver.findElement(by.id('pass')).sendKeys(test_pass);
            browser.driver.findElement(by.id('loginbutton')).click();
            browser.waitForAngularEnabled(true);
          });
        })
      }
    });
    expect(browser.getCurrentUrl()).toContain(`manage-accounts`);
  });
});

这个完全相同的测试在 1 天前运行良好。

这个问题我搜索了很多，几乎所有的解决方案都指向降级chrome或chromedriver。但是，由于我昨天使用完全相同版本的 chrome 和 chromedriver 运行测试，我认为这不是问题所在。

我还尝试使用另一个 docker 镜像来运行测试，基于 node10-stretch with chrome v70.0.3538.67 和 chromedriver v2.43.600233，并且遇到了同样的错误。

当我在我的 Win10 机器上运行这些测试而不使用 docker 时，所有测试都变绿了。

任何帮助将不胜感激。

【问题讨论】：

我认为您将参数错误地传递给浏览器。在你的配置中尝试使用这个args: ["--no-sandbox", "--window-size=1920,1080", "--headless", "--disable-gpu"]
@SergeyPleshakov，我之前已经尝试过了。
args: ["--no-sandbox", "--window-size=1920,1080", "--headless", "--disable-gpu"] 也适用于我.
鉴于您的问题已说明 昨天，运行 Protractor 测试时一切正常，我不知道这有什么用处。然后，我将我的 git 分支与另一个分支合并以添加新的测试。 您的答案是 /dev/shm 上的配置选项，它与 angular 无关，不可能由合并引起。我已经投票结束这个问题（它也应该被删除）

标签： google-chrome docker nginx protractor gitlab-ci

【解决方案1】：

我找到了解决方案。我必须在我的 docker-compose e2e 服务中使用参数 shm_size: '2gb' 将 /dev/shm 分区的大小设置为 2 gb。

【讨论】：