我正在尝试使用 docker 设置本地开发环境。
这些东西已经在我的下面的设置中工作了:
容器 1: Node 正在运行 gulp,如果主机系统上的任何文件发生更改,则将文件复制到具有卷的容器 2 这有效
容器 2:apache 和 php 正在运行,因此我可以在浏览器中看到任何内容。 这也行
那些东西还不行,我需要你的帮助:
如果我在主机系统上保存任何文件,browser-sync-autoreload 应该在我的本地主机上刷新页面
我想指定本地主机域。例如:我想使用 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"]
docker-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
来 self 的 gulp 的 Browser-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 和 Node 服务器等的端口,但我想出的最好结果是正在运行的 apache 和工作 gulp。没有自动刷新,也没有特殊的本地主机域。
提前致谢
最佳答案
确实有人帮助我找到了解决方案!
让浏览器同步工作:
首先我的浏览器同步有一些问题:
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
因为 docker 在 docker 容器之间创建了一个默认链接。
在这种情况下,http 很重要。
web
来 self 的 Docker-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 使用“curl”调试问题。
docker-compose exec gulp curl http://web
正在进入我的“gulp”容器并检查它是否能够到达“web”容器。如果不是这样,它将不起作用。还要确保为您的 gulp 打开端口 3000:3000。
在不更改本地主机上的 VHOST-Config 的情况下配置不同 VHOST-Urls 的可能解决方案
这似乎是最好和最简单的解决方案:https://hub.docker.com/r/jwilder/nginx-proxy
我还没有时间找到解决方案,但很高兴知道它存在。
关于node.js - 如何使用 gulp browser-sync 与 2 个不同的 docker 容器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54367183/