如何使用节点服务器从浏览器输入执行 sh 脚本或 shell 命令？

Question

我正在尝试从 Web 接口重新启动或关闭 Raspberry Pi。 我过去使用 PHP 的shell_exec管理过这个问题。
这次我尝试专门使用JavaScript这样做。
对于前端，我选择VueJS 。 对于后端，我不知道该选择什么； 我见过NodeJS 、 Express JS和大量能够在 UNIX OS 设备（例如 Raspberry Pi）上运行的服务器。
我已经设法使用child_process并使用node./test.js从测试文件中运行 shell 命令，但是我该怎么做呢？

如何将Restart Button从 Vue 链接到节点或 Express 服务器？

这是我用来测试的 Vue 组件。 它包含一个输入，而不是一个按钮，只是为了测试简单的 shell 命令。

<template>
  <div id="wrapper">
    <div class="input_row">
      <input type="text" class="input_text" id="shell" v-model="shell_command" />
      <label class="label_" for="shell">Type Shell Command</label>
    </div>
    <button type="button" class="button" @click="shellExec">Submit !</button>
  </div>
</template>

<script>
import { exec } from "child_process";

export default {
  name: "ShellExec",
  components: {},
  data() {
    return {
      shell_command: ""
    };
  },
  methods: {
    async shell() {
      return new Promise((resolve, reject) => {
        exec(this.shell_command, (err, stdout, stderr) => {
          if (err) {
            reject(err);
          } else {
            resolve({ stdout, stderr });
          }
        });
      });
    },

    async shellExec() {
      let { stdout } = await this.shell();
      for (let line of stdout.split("\n")) {
        console.log(`ls: ${line}`);
      }
    }
  }
};
</script>

<style scoped>
</style>

我还没有决定使用服务器，但我看过一些 Express 服务器的例子。

Answer 1

child_process是一个 node.js 库，在浏览器中不可用。 您可以将您的应用程序转换为 electron 应用程序，您可以在其中将其配置为可用（并且仅在您正在执行的主机上使用），或者设置您的应用程序可用于触发命令的 API。