如何将 webshot 与流星一起使用答案

【问题标题】：How to use webshot with meteor如何将 webshot 与流星一起使用
【发布时间】：2023-03-11 00:22:01
【问题描述】：

我已经从https://github.com/TimHeckel/meteor-webshot安装了webshot包和meteor webshot智能包

在目录 pacages/webshot/lib/webshot.js 中有 WEBSHOT 对象的定义。在默认的流星应用程序中，我想使用这个对象来获取快照，如上面链接的第二步所示：

Template.hello.events({
'click input' : function () {
  var _image = "myscreenshot.png";
  var _res =  WEBSHOT.snap("http://google.com", "public/exports~/" + _image, {
    screenSize: {
        width: 300
        , height: 300
      }
    });

}

});

当我点击按钮时出现异常：未捕获的 ReferenceError：未定义 WEBSHOT。

命令：

流星列表

显示 webshot 包，我需要在哪里包含此包才能使其正常工作？

【问题讨论】：

标签： meteor meteorite

【解决方案1】：

WEBSHOT 对象仅在服务器端可用。见this line in package.js。

要使用它，您需要在服务器上创建一个带有Meteor.methods 的方法，在其中使用WEBSHOT，然后从您的事件处理程序中调用此方法。

【讨论】：

当我从 Meteor.methods 调用 WEBSHOT 时（定义如下 gist.github.com/anonymous/2387816）我有内部：调用方法“测试”时出现异常 ReferenceError：未定义 WEBSHOT。好像还缺什么。

【解决方案2】：

Hubert OG 是对的，这个包只是服务器端的。

但是，它已经有 5 个月没有更新了，所以它看起来不像 Meteor 的最新“链接器”是最新的，如果我记得清楚的话，这是 0.6.5 中出现的一个功能。

您需要在本地包目录中 git clone 包。（您可能需要“流星删除”以前的包并“流星添加”新包）。然后修改 package.js 使其看起来像这样：

Package.on_use(function (api) {
    api.add_files("lib/webshot.js", "server");
    api.export("WEBSHOT","server");
});

从 Meteor 0.6.5 开始，您需要明确指定包中的哪些符号被导出到全局命名空间，因为包代码在闭包内执行。

【讨论】：

谢谢回答。我发现这篇文章很有用 meteorhacks.com/complete-npm-integration-for-meteor.html 并且它是这样工作的，我想你的解决方案也很好。
你有没有通过 webshot 将图像实际保存到服务器？我一直在尝试，它可以识别 WEBSHOT 变量和 .snap 函数，但没有任何反应！它实际上并不将图像保存到指定的文件夹中。这里是我发布我的问题的地方：stackoverflow.com/questions/24441963/… 如果 meteor-webshot 对你有用，请告诉我你是如何工作的

【解决方案3】：

我遇到了同样的问题，所以我使用最新版本的 node-webshot：https://atmospherejs.com/bryanmorgan/webshot 添加了一个新的 Meteor 包装器。

您应该能够使用：

meteor add bryanmorgan:webshot

然后和node-webshot一样的API：

webshot("http://google.com", "/tmp/google.png", function (err) {
    // screenshot saved to /tmp/google.png
});

【讨论】：