Как использовать vagrant и browsersync с локальным доменом?

Он проходит независимо от того, что оценивается как истина, или sig, если оба истины.

30
задан KahunaCoder 16 February 2016 в 22:17
поделиться

3 ответа

Вот как я это получил.

Я добавил перенаправление портов в vagrant, а затем запускаю синхронизацию браузера из vm. Все работает сейчас на http://example.dev:3000 и http://example.dev:3001.

Вот что я добавил в свой Vagrantfile: config.vm.network :forwarded_port, guest: 3000, host: 3000, auto_correct: true config.vm.network :forwarded_port, guest: 3001, host: 3001, auto_correct: true

7
ответ дан KahunaCoder 16 February 2016 в 22:17
поделиться

Я знаю, что на этот вопрос ответили, и я сначала использовал решение @ KahunaCoder, чтобы начать работу, так что спасибо!

Однако я обнаружил, что запуск моего gulpfile из Vagrant очень медленный! Поэтому я решил опубликовать это решение, если оно будет полезным.

Файл моего хоста:

192.168.5.10    www.develop.local

И я закончил тем, что использовал в своем Vagrantfile следующее:

server_ip = "192.168.5.10"    
config.vm.network :forwarded_port, guest: 80, host: 3000, auto_correct: true

(Apache в Vagrant работает на порту 80. Я не сделал ' переадресация порта 3001, поскольку он предназначен только для доступа к пользовательскому интерфейсу Browsersync)

Теперь я запускаю свои задачи Gulp из проекта и получаю следующее:

[Browsersync] Proxying: http://www.develop.local
[Browsersync] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://151.101.129.69:3000
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://151.101.129.69:3001
 -------------------------------------

Теперь, когда я открываю http://localhost:3001 Я вижу центр управления Browsersync, и когда я открываю http://localhost:3000 в моих различных браузерах, я вижу свой сайт разработки и все подключенные браузеры, перечисленные в центре управления - поэтому они «синхронизируются» с Browsersync и могут быть централизованно управляемый и отраженный в действии.

Предоставленный внешний адрес позволяет мне подключаться к моему серверу разработки через другие устройства в той же сети.

2
ответ дан Rodent 16 February 2016 в 22:17
поделиться

1.- Я использовал box cerobox

2.- Конфигурирование виртуального хоста C:\Windows\System32\drivers\etc\host в Windows

192.168.33.10   exampleurl.app

3.- Запустите vagrant up в проект папки

4.- установить браузер-синхронизацию

npm install -g browser-sync

5.- запустить браузер-синхронизацию

browser-sync start -p "exampleurl.app" -f "public, resources, otherfolder, namefiles, etc"

Вы увидите эту информацию для подключения devices

[BS] Proxying: http://exampleurl.app
[BS] Access URLs:
 -------------------------------------
       Local: http://localhost:3000
    External: http://192.168.1.77:3000
 -------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.1.77:3001
 -------------------------------------
[BS] Watching files...

6.- используйте этот ip для соединения

http://192.168.1.77:3000
1
ответ дан chandzul 16 February 2016 в 22:17
поделиться
Другие вопросы по тегам:

Похожие вопросы: