shell - Meteor JS 在客户端 html 上模拟服务器命令行

标签 shell meteor

我是 Meteor 的新手,想制作一个简单的应用程序。我无法根据 http://terokaisti.blogspot.com/2012/10/writing-terminal-app-with-meteor-js.html 在服务器端模拟命令行

当我在客户端(Mac OSX Mavericks)输入命令并点击“运行”按钮时,结果只是空白。我正在使用上面站点中的确切代码,除了我有 autorun 和 exec = Npm.require('child_process').exec;

下面是我的 html 和 js 文件...

终端应用程序.html

<head>
  <title>MeteorJS terminal</title>
</head>

<body>
  {{> terminal}}
</body>

<template name="terminal">
 <pre>{{ window }}</pre>
<input id="command" type="text" value="{{ last_cmd }}" />
 <input type="button" value="Run" />
</template>

终端应用程序
// A collection for stdouts
var Replies = new Meteor.Collection('replies');

if(Meteor.is_client) {

 // Start listening changes in Replies
    Meteor.autorun(function() {
        Meteor.subscribe('replies');
    });

 // Set an observer to be triggered when Replies.insert() is invoked
 Replies.find().observe({
  'added': function(item) {
   // Set the terminal reply to Session
   Session.set('stdout', item.message);
  }
 });

 // Show the last command in input field
 Template.terminal.last_cmd = function() {
 return Session.get('last_cmd');
 };

 // Show the last shell reply in browser
 Template.terminal.window = function() {
  return Session.get('stdout');
 };

 // Add an event listener for Run-button
 Template.terminal.events = {
  'click [type="button"]': function() {
   var cmd = $('#command').val();
   Session.set('last_cmd', cmd);

   // Call the command method in server side
   Meteor.call('command', cmd);
  }
 }; 
}

if(Meteor.is_server) {
 var exec;

 // Initialize the exec function
 Meteor.startup(function() {
  exec = Npm.require('child_process').exec;
 });

 // Trigger the observer in Replies collection
    Meteor.publish('replies', function() {
        return Replies.find();
    });

 Meteor.methods({
  'command': function(line) {
   // Run the requested command in shell
   exec(line, function(error, stdout, stderr) {
    // Collection commands must be executed within a Fiber
    Fiber(function() {
     Replies.remove({});
     Replies.insert({message: stdout ? stdout : stderr});
    }).run();
   });
  }
 });
}

我错过了什么?我该如何调试?提前致谢!

最佳答案

这是一个工作示例。输出将在终端中。希望有帮助。

终端.html

<head>
  <title>terminal</title>
</head>

<body>
  {{> hello}}
</body>

<template name="hello">
  <input type="text" id="command">
  <input type="button" id="button" value="Click" />
</template>

终端.js
Replies = new Meteor.Collection('replies');


if (Meteor.isClient) {
  Template.hello.greeting = function () {
    return "Welcome to terminal.";
  };

  Template.hello.events({
    'click #button': function () {
      console.log("clicking");
      var cmd = $("input#command").val();
      console.log("command", cmd);
      var replyId = Meteor.call('command', cmd);
      Session.set('replyId', replyId);
    }
  });
}

if (Meteor.isServer) {
  exec = Npm.require('child_process').exec;
  Meteor.methods({
    'command' : function(line) {
      console.log("In command method", line);
      Fiber = Npm.require('fibers');
      exec(line, function(error, stdout, stderr) {
        console.log('Command Method', error, stdout, stderr);
        Fiber(function() {
          Replies.remove({});
          var replyId = Replies.insert({message: stdout ? stdout : stderr});
          return replyId;  
        }).run();
      }); 
    }
  });
}

关于shell - Meteor JS 在客户端 html 上模拟服务器命令行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23973974/

相关文章:

javascript - meteor 测试 : Mocha doesn't find all test files

linux - 如何强制 'cp' 覆盖目录而不是在里面创建另一个目录?

linux - && :; in bash scripts 的目的是什么

c - 执行shell命令(c)

javascript - 如何处理 meteor 中的按钮点击事件?

javascript - 如何更新自动形成占位符中的值

linux - 在 "expect"命令之后有没有办法到 "send"和 "interact"

bash - 在静默模式下读取后在 bash 脚本中捕获 ctrl+c

meteor - meteor 中的模板重用

meteor - React-select 组件不工作