vik_kodik
@vik_kodik
Разработчик интерфейсов.

Как прикрутить ngrok к browser-sync?

Доброго времени суток! Не подскажете как прикрутить ngrok к browser-sync? Browser sync я использую в сборщике gulp. Задача состоит в том чтобы при запуске gulp-а за тунелирование и сервер - отвечал ngrok. Честно говоря абсолютно не представляю с какого конца за это взяться. Вполне возможно что мой вопрос неполный и его опять удалят в виду "слишком общей формулировки". Если же нет, то будет очень благодарен тому кто мне поможет в этой проблеме.
  • Вопрос задан
  • 714 просмотров
Решения вопроса 1
MFD
@MFD
Решение нашел )
вот что делал для osx
1) Качаем архив ngrok
2) кидаем бинарник в приложения и делаем symlink
cd /usr/local/bin 
# create symlink 
ln -s /Applications/ngrok ngrok

3) проверяем работу
ngrok -h
запускаем тестовый
ngrok http 8080
у него есть своя консоль - 127.0.0.1:4040
можн запускать с параметрами из файла, он должен лежать тут

~/.ngrok2/ngrok.ymlD

4) Ставим ngrok из npm
npm install ngrok -g

и настраиваем gulp
Вот кусок из gulpfile
.....
var  ngrok = require('ngrok'), //замена localtunnel, inspector => http://127.0.0.1:4040 
.....
var config = {
    server: {
        baseDir: "./build"
    },
    //tunnel: true,
    host: 'localhost',
    port: 1984,
    directoryListing: true,
    logPrefix: ''
};

gulp.task('webserver', function () {
    //browserSync(config);
    browserSync(config, function (err, bs) {
       ngrok.connect({
                proto: 'http', // http|tcp|tls 
                addr: bs.options.get('port'), // port or network address 
            }, function (err, url) { 
                gutil.log('[ngrok]', ' => ', gutil.colors.magenta.underline(url));
            });         
    });         
});
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@jqweryjson
Спасибо! Только 2 момента
если запускаешь ngrok http 8080 то
и в гальп конфиге надо указать 8080 порт.
Плюс строка gutil.colors.magenta.underline(url) ругается пришлось удалить )
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы