gpt4 book ai didi

node.js - 如何在 meteor 中将变量从服务器发送到客户端?

转载 作者:搜寻专家 更新时间:2023-10-31 22:32:59 24 4
gpt4 key购买 nike

我有一个带有文本输入和按钮的页面。当我将指向 youtube 视频的链接插入文本字段并按下按钮时 - 视频下载到本地文件夹中。

问题:如何将下载视频的本地副本的链接发送回客户端?

更一般的问题:如何将变量从服务器发送到客户端(这个变量是临时的,不会存储在任何地方)?

我现在的代码:

客户端代码

if (Meteor.isClient) {
Path = new Meteor.Collection("path");
Meteor.subscribe("path");

Template.hello.events(
{
'submit .form' : function() {
var link = document.getElementById("youtube-url").value;
Meteor.call('download', link);
event.preventDefault();
}
}
);
}

服务器代码('collection' 部分不工作)

if (Meteor.isServer) {
Meteor.startup(function () {

Meteor.methods({
download: function (link) {
var youtubedl = Npm.require('youtube-dl');
var Fiber = Npm.require("fibers");
var dl = youtubedl.download(link, './videos');

// called when youtube-dl finishes
dl.on('end', function(data) {
console.log('\nDownload finished!');
Fiber(function() {
Path = new Meteor.Collection("path");
Path.insert({path: './videos/' + data.filename});
})
});
}
});
});
}

谢谢!

最佳答案

问题的答案分为两部分:(a) 在 Meteor 的方法中处理异步函数和 (b) 使用 youtube-dl 包。

Meteor 方法中的异步函数

基本上有 2 种以上的方法可以在 Meteor 的方法中使用异步函数:使用 future 和使用 wrapAsync。如果查看 Meteor 的源代码,您会看到 wrapAsync 本身使用 future:https://github.com/meteor/meteor/blob/master/packages/meteor/helpers.js#L90 .您也可以直接使用 fibers,但是 it is not recommended .

下面是如何使用它们的通用示例:

'use strict';

if (Meteor.isClient) {

Template.methods.events({

'click #btnAsync' : function() {
console.log('Meteor.call(asyncMethod)');
Meteor.call('asyncMethod', 1000, function(error, result) {
if (error) {
console.log('Meteor.call(asyncMethod): error:', error);
} else {
console.log('Meteor.call(asyncMethod): result:', result);
}
});
},

'click #btnFuture' : function() {
console.log('Meteor.call(futureMethod)');
Meteor.call('futureMethod', 1000, function(error, result) {
if (error) {
console.log('Meteor.call(futureMethod): error:', error);
} else {
console.log('Meteor.call(futureMethod): result:', result);
}
});
},

'click #btnFiber' : function() {
console.log('Meteor.call(fiberMethod)');
Meteor.call('fiberMethod', 1000, function(error, result) {
if (error) {
console.log('Meteor.call(fiberMethod): error:', error);
} else {
console.log('Meteor.call(fiberMethod): result:', result);
}
});
}

});

}

if (Meteor.isServer) {

var demoFunction = function(duration, callback) {
console.log('asyncDemoFunction: enter.');
setTimeout(function() {
console.log('asyncDemoFunction: finish.');
callback(null, { result: 'this is result' });
}, duration);
console.log('asyncDemoFunction: exit.');
};

var asyncDemoFunction = Meteor.wrapAsync(demoFunction);

var futureDemoFunction = function(duration) {
var Future = Npm.require('fibers/future');
var future = new Future();

demoFunction(duration, function(error, result) {
if (error) {
future.throw(error);
} else {
future.return(result);
}
});
return future.wait();
};

var fiberDemoFunction = function(duration) {
var Fiber = Npm.require('fibers');
var fiber = Fiber.current;

demoFunction(duration, function(error, result) {
if (error) {
fiber.throwInto(new Meteor.Error(error));
} else {
fiber.run(result);
}
});

return Fiber.yield();
};

Meteor.methods({

asyncMethod: function (duration) {
return asyncDemoFunction(duration);
},
futureMethod: function (duration) {
return futureDemoFunction(duration);
},
fiberMethod: function (duration) {
return fiberDemoFunction(duration);
}

});
}

对于更复杂的情况,您可能还想查看 Meteor.bindEnvironment()future.resolver()

Christian FritzwrapAsync 的使用提供了正确的模式,但是,从最初提出问题开始的 2 年内,youtube-dl 包的 API 发生了变化。

使用youtube-dl

由于 API 的更改,如果您运行他的代码,服务器会抛出在其控制台中可见的异常:

Exception while invoking method 'download' TypeError: Object function (videoUrl, args, options) {
...
} has no method 'download'

并且 Meteor 返回给客户端 undefined 值:

here is the path: undefined

下面的代码正在运行(只需将 downloadDir 替换为您的路径)并将文件名返回给客户端:

here is the path: test.mp4


文件 index.html

<head>
<title>meteor-methods</title>
</head>
<body>
{{> hello}}
</body>

<template name="hello">
<form>
<input type="text" id="youtube-url" value="https://www.youtube.com/watch?v=alIq_wG9FNk">
<input type="button" id="downloadBtn" value="Download by click">
<input type="submit" value="Download by submit">
</form>
</template>

文件index.js:

'use strict';

if (Meteor.isClient) {
//Path = new Meteor.Collection("path");
//Meteor.subscribe("path");

Template.hello.events(
{
'submit .form, click #downloadBtn' : function() {
var link = document.getElementById("youtube-url").value;

//Meteor.call('download', link);
Meteor.call('download', link, function(err, path) {
if (err) {
console.log('Error:', err);
} else {
console.log("here is the path:", path);
}
});

event.preventDefault();
}
}
);
}

if (Meteor.isServer) {

var fs = Npm.require('fs');
var youtubedl = Npm.require('youtube-dl');

var downloadSync = Meteor.wrapAsync(function(link, callback) {
var fname = 'test.mp4';
// by default it will be downloaded to
// <project-root>/.meteor/local/build/programs/server/
var downloadDir = './';
console.log('\nStarting download...');

// var dl = youtubedl.download(link, './videos');
var dl = youtubedl(link, [], []);
dl.on('info', function(info) {
console.log('\nDownload started: ' + info._filename);
});
// dl.on('end', function(data) {
dl.on('end', function() {
console.log('\nDownload finished!');
//callback(null, './videos/' + data.filename);
callback(null, fname);
});
dl.on('error', function(error) {
console.log('\nDownload error:', error);
callback(new Meteor.Error(error.message) );
});
dl.pipe(fs.createWriteStream(downloadDir + fname));
});

Meteor.methods({
download: function (link) {
return downloadSync(link);
}
});

}

当前的 API 不允许在保存文件时获取 youtube 的文件名。如果你想用 youtube 的文件名保存文件(如初始问题中提供的那样),你需要使用 youtube-dl 包的 getInfo() 方法。

关于node.js - 如何在 meteor 中将变量从服务器发送到客户端?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18011538/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com