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

Question

我希望能够将 browserSync 外部 URL 作为我的 gulp 文件中的外部 Node 脚本的参数发送。如何通过 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')获取 Map所有访问 URL。它返回类似这样的内容:

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() 将在 before 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);
});