In React - 如何从.sh（Shell脚本）文件获取值？

Question

我有sh文件，如：

echo "Hello" 

，输出：

Hello 

---

下面是该查询：

我想实现的是，至从.sh文件获取输出，并在 我的反应应用程序中使用它。

...我已经寻找NPM包，但无法找到任何有用的

Answer 1

我想你应该把输出到任何文件（echo $var > $destdir或使用sed），通过使用和的NodeJS例如通过值读取该文件ajax请求作出反应。

Answer 2

假设你不在Windows机器上，可以编写简单的Node Express服务器，它可以接收GET请求，然后使用Node内置的child_process.exec()执行shell脚本，然后发送包含stdout的响应，在这种情况下，将是你的shell脚本的输出 - “你好”

服务器的代码。 “静态”文件夹中包含的index.html和index.js，去年的代码是下面这个样子：

客户端（你也可以环绕该代码反应，因为你唯一需要的是一个由XHR

const express = require('express') 
const { exec } = require('child_process') 
const { join } = require('path') 

const port = process.env.PORT || 24587 
const app = express() 

app.use(express.static(join(__dirname, 'static'))) 

app.get('/hello', (req, res) => { 
    exec(join(__dirname, 'hello.sh'), (err, stdout, stderr) => { 
    if (err) { 
     return res.status(400).json({ output: null, error: err.message }) 
    } 

    res.status(200).json({ output: stdout, error: null }) 
    }) 
}) 

app.listen(port,() => { 
    console.log('server listening on port', port) 
}) 

示例代码这里的fetch帮助）：

const btn = document.querySelector('#btn') // <button id="btn">get</button> 
const result = document.querySelector('#result') // <div id="result"></div> 

btn.addEventListener('click',() => { 
    if (self.fetch) { 
    fetch('/hello') 
     .then(res => res.json()) 
     .then(data => { 
     result.innerText = data.output 
     }) 
     .catch(data => { 
     result.innerText = data.error 
     }) 
    } 
})