在 Gulp 文件中以编程方式获取 BrowserSync 外部 URL，以便我可以将其传递给外部节点脚本？

Question

我希望能够将 browserSync external URL 作为参数发送到我的 gulp 文件中的外部节点脚本。如何通过 browserSync 对象（或其他方式）访问外部 URL？

var gulp = require('gulp');
var shell = require('gulp-shell');
var browserSync = require('browser-sync').create();

gulp.task('default', ['browser-sync', 'config']);

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "localhost:8024",
        open: "external"
    });
});

gulp.task('config', shell.task([
    "node scripts/someNodeScript.js browserSync.externalURL"
]));

更新

根据下面@sven-shoenung 的出色回答，我稍微调整了他的解决方案并成功使用了这个：

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var spawn = require('child_process').spawn;

var externalUrl;

var browserSyncDone = function () {
    spawn('node', ['scripts/someNodeScript.js', externalUrl], {stdio:'inherit'});
};

gulp.task('default', ['browser-sync']);

gulp.task('browser-sync', function() {
    browserSync.init({
        proxy: "localhost:8024",
        open: "external"
    }, function() {
        externalUrl = browserSync.getOption('urls').get('external');
        browserSyncDone();
    });
});

Answer 1

您可以使用 browserSync.getOptions('urls') 获取所有访问 URL 的 Map。它 returns 是这样的：

Map { 
  "local": "http://localhost:3000", 
  "external": "http://192.168.0.125:3000", 
  "ui": "http://localhost:3001",  
  "ui-external": "http://192.168.0.125:3001" 
}

注意只有在 browser-sync初始化成功后才可用，所以你需要传一个回调函数给browserSync.init()否则你会尝试获取值太早了。

出于同样的原因，您将无法使用 gulp-shell。 shell.task() 将在之前设置 browser-sync 已初始化，因此 browserSync.getOptions('urls') 尚不可用。

我建议您改用标准的 nodejs child_process.spawn()。

var gulp = require('gulp');
var browserSync = require('browser-sync').create();
var spawn = require('child_process').spawn;

var externalUrl;

gulp.task('default', ['browser-sync', 'config']);

gulp.task('browser-sync', function(done) {
  browserSync.init({
    proxy: "localhost:8024",
    open: "external"
  }, function() {
    externalUrl = browserSync.getOption('urls').get('external');
    done();
  });
});

gulp.task('config', ['browser-sync'], function(done) {
  spawn('node', ['scripts/someNodeScript.js', externalUrl], {stdio:'inherit'}).on('close', done);
});

在 Gulp 文件中以编程方式获取 BrowserSync 外部 URL，以便我可以将其传递给外部节点脚本？

Get BrowserSync external URL programmatically in Gulp file so I can pass it to an external node script?

node.js

gulp

browser-sync