如何使用浏览器吞掉同步与2个不同的码头工人容器?

问题描述 投票:0回答:1

我试图建立与码头工人本地开发环境。

这些东西都已经低于我的设置工作:

容器1:节点正在运行一饮而尽,复制文件,如果任何文件在主机系统上更改到容器2卷本作品

容器2:Apache,使PHP运行,所以我能看到什么在浏览器中。这个工程太

这些东西还没有工作,我需要你的帮助:

  • 如果我保存在主机系统上的任何文件浏览器同步,自动重装应该刷新在我的本地页面
  • 我想声明localhost域。例如:我想用www.dev.fancyprojectonlocalhost.com

如何做这些事情?

这是我的设置:

Dockerfile

FROM node:8.15.0-slim
WORKDIR /usr/src/html/
COPY . /usr/src/html
RUN cd /usr/src/html
RUN npm install --global gulp-cli
RUN npm install
EXPOSE 3000
CMD ["gulp"]

泊坞窗,compose.yml

#docker-compose-up -d 
version: '3'
services:
  gulp:
    stdin_open: true
    tty: true
    container_name: docker-gulp
    build: .
    volumes:
      - ".:/usr/src/html"
    ports:
      - "3000:3000"  
      - "3001:3001" 


  web:
    image: php:7.2.2-apache
    container_name: php_web
    volumes: 
      - ./web/:/var/www/html/
    ports:
      - "8888:80"

    stdin_open: true 
    tty: true

浏览器的Sync.js从我一饮而尽

const browserSync = require('browser-sync').create();

export function init(callback) {
    browserSync.init({
        //proxy: pkg.urls.dev,
        //proxy: "localhost:8888",  I did try a lot here but nothing did work.
        //port: 8888,
        //notify: false,
        // Do not open browser on start
        //open: false 


    });
    callback();
}

export function reload(callback) {
    browserSync.reload();
    callback();
}

任何人有一个想法如何获得自定义域并自动刷新工作?我也尝试了很多东西,但没有任何工程。例如,我曾尝试使用gulpfile内代理/端口,改变了口从Apache和节点服务器等,但最好的结果,我想出了与工作一饮而尽运行的Apache。如果没有自动刷新,也没有什么特别的本地主机域。

非常感谢提前

node.js docker gulp containers gulp-browser-sync
1个回答
0
投票

的确有人帮我找到一个解决办法!

获取浏览器的同步工作:

首先,我的浏览器同步出现了一些问题:

    const browserSync = require('browser-sync').create();

export function init(callback) {
    browserSync.init({
        proxy: 'http://web',
        open: false
    });
    callback();
}

export function reload(callback) {
    browserSync.reload();
    callback();
}

因为码头工人码头工人创造容器之间的默认联系我们确实需要http://web

在这种情况下HTTP是非常重要的。

web是从我的码头工人,Compose.yml未来

version: '3'
services:
  gulp:
    stdin_open: true 
    tty: true
    container_name: docker-gulp
    build: . 
    volumes:
      - ".:/usr/src/html"

    ports:
      - "3000:3000"  
      - "3001:3001" 

  web:

    restart: always
    image: php:7.2.2-apache
    container_name: php_web
    volumes: 
      - ./web/:/var/www/html/
    ports:
      - "80:80"
    stdin_open: true 
    tty: true

我能够从CLI“卷曲”调试问题。 docker-compose exec gulp curl http://web是进入我的“大口” -container并检查它是否能够达到“网” -container。如果不是这样,它不会工作。另外,还要确保打开端口3000:3000你一饮而尽。

可能的解决方法来配置不同VHOST的URL没有你的本地主机上改变VHOST-Config中

这一次似乎是最好的和最简单的解决方案:https://hub.docker.com/r/jwilder/nginx-proxy

我还没来得及找到一个解决办法,但它的好,知道它的存在。

© www.soinside.com 2019 - 2024. All rights reserved.