Docker 拒绝在我的 localhost:3000 端口上工作

Question

这是我的 docker-compose.yml 我正在尝试在我的本地项目上运行 cypress，但它拒绝在端口上运行。 我做错了什么？

version: '3.2'
   
# run Cypress tests and exit with command
#   docker-compose up --exit-code-from cypress
services:
  cypress:
    # the Docker image to use from https://github.com/cypress-io/cypress-docker-images
    image: "cypress/included:5.0.0"
    environment:
      - CYPRESS_baseUrl=http://localhost:3000
    # share the current folder as volume to avoid copying
    working_dir: /e2e
     command: "--browser chrome"
     ports:
     - 3333:3000
     volumes:
       - ./:/e2e

compose-docker 的结果：

cypress_1  | 
cypress_1  | Cypress automatically waits until your server is accessible before running tests.
cypress_1  | 
cypress_1  | We will try connecting to it 3 more times...
cypress_1  | We will try connecting to it 2 more times...
cypress_1  | We will try connecting to it 1 more time...
cypress_1  | 
cypress_1  | Cypress failed to verify that your server is running.
cypress_1  | 
cypress_1  | Please start this server and then run Cypress again.
e2e_cypress_1 exited with code 1
Aborting on container exit...

我确定我的 localhost:3000 正在运行，我可以通过浏览器运行它。

Answer 1

问题是容器不知道你localhost 主机名，因为它在一个隔离的 docker 网络中运行。如果你想让你的容器知道你的本地网络，你必须Use host networking 并且容器的网络堆栈没有与Docker主机隔离。EG：

    version: '3.2'
    
    # run Cypress tests and exit with command
    #   docker-compose up --exit-code-from cypress
    services:
      cypress:
        # the Docker image to use from https://github.com/cypress-io/cypress-docker-images
        image: "cypress/included:5.0.0"
        environment:
          - CYPRESS_baseUrl=http://localhost:3000
        # share the current folder as volume to avoid copying
        working_dir: /e2e
        command: "--browser chrome"
        network_mode: "host"
        ports:
        - 3333:3000
        volumes:
          - ./:/e2e

Answer 2

baseUrl 可以在你的配置文件中设置（默认为 cypress.json）——然后你可以在你的操作系统中设置一个环境变量来覆盖它，如下所示。

尝试使用CYPRESS_BASE_URL 而不是CYPRESS_baseUrl

并确保在 docker-compose 文件中使用 network_mode: "host"。

另一种方式，您可以在crypess.json 中定义baseUrl 并将volume 添加到docker 容器中：

e2e-chrome:
  image: "cypress/included:4.1.0"
  # container_name: cypress
  # "cypress/included" images have entrypoint set to globally installed cypress
  # so the command can simply add any arguments
  command: "--browser chrome"
  volumes:
    - ./cypress.json:/cypress.json

参考：docker-compose.yml

version: '3.2'

# run Cypress tests and exit with command
#   docker-compose up --exit-code-from cypress
services:
  cypress:
    image: "cypress/included:5.2.0"
    environment:
      - CYPRESS_BASE_URL=http://host.docker.internal:3000
    working_dir: /user-management-ui
    #command: "--browser chrome"
    network_mode: "host"
    volumes:
      - ./:/user-management-ui

Answer 3

通过我的设置，我使用 docker-compose 创建一个网络，然后我的服务使用该网络相互通信。我有一个 node 容器和另一个 cypress 容器。

networks:
  custom:
    driver: bridge

要通过 docker 运行我的 cypress 测试，我必须将 cypress 容器指向运行服务器的节点容器。在我的 docker-compose 中，节点容器被称为 node，它也是主机名。所以我的docker-compose有一个CYPRESS_BASE_URL环境变量，它覆盖了http://localhost:3000的默认cypressbaseUrl

services:
  node:
    image: ...
    container_name: node
    volumes:
      - ./:/home/node/app
    networks:
      - custom
    ports:
      - '3000:3000'
    ...other config

  cypress:
    image: ...
    container_name: cypress
    volumes:
      - ./:/home/node/app
    networks:
      - custom
    working_dir: /home/node/app
    environment:
      - DISPLAY=
      - CYPRESS_BASE_URL=http://node:3000/ -> I can't configure this, because I'm working with external API, I don't have access to API only via http://localhost:3000

cypress.json：

{
    "baseUrl": "http://localhost:3000/",
    ...
}

为了运行测试，我首先 exec 进入节点容器来启动节点服务器，它监听 http://localhost:3000, (http://node:3000)

docker exec -it node bash

然后构建并运行您的项目 (npm start)

然后在不同的终端，执行到柏树容器中

docker exec -it cypress bash

然后运行测试：

cypress run