通过单击前端在node.js中停止函数

时间:2018-01-30 20:40:25

标签: javascript node.js

有一个优化后端内容的循环,我希望它永远持续下去,直到我在前端点击停止按钮。

到目前为止我的(简化)代码:
按下按钮,此功能称为

function optimize() {    
    $.ajax({
        type: 'GET',
        url: '/optimize',
        success: function (data) {
            updatePlot(data);
        },
    });
}

在后端:

let optimizingFunction = {};

router.get('/optimize', function (req, res) {
    optimizeFunction(); //This goes on for a long time...
    res.send(optimizingFunction);
});

function optimizeFunction(){
    while(true){
        let betterFunction = {};
        //...
        optimizingFunction = betterFunction;
    }
}

那么现在如何在另一个按下按钮上停止此功能并获取当前的optimizeFunction值? - 我试过了: 在停止按钮上单击

function stop() {    
    $.ajax({
        type: 'GET',
        url: '/stop'
    });
}

后端:

router.get('/stop', function (req, res) {
    process.exit(1);
});

我注意到它实际上执行了停止功能,但是在执行了第一个...后 什么是一个简单的最佳实践'解决这样的问题?

1 个答案:

答案 0 :(得分:2)

所以,有很多不同的方法可以解决这个问题。基于您的示例最简单的可能是使用setTimeout而不是循环,然后在决定重置超时之前测试某种变量。像这样(未经测试):

const app = express(); 

function process() {
  // do work
  if(app.enabled('continue work')) {
    setTimeout(process, 1000); // run every second.  Could set that to smaller intervals
  }
}

app.get('/start', (req, res) => {
  app.enable('continue work');
  process();
  res.sendStatus(200);
});

app.get('/stop', (req, res) => {
  app.disable('continue work');
  res.sendStatus(200);
});

但请注意,这不是最理想的,也不是很容易扩展。更好的解决方案是使用某种工作队列或数据库。此外,您通常不希望使用GET请求更改应用程序状态,而是使用POST或PUT。

在此处添加更传统的HTTP模式以执行此类工作:

const app = express(); 
const currentState = {}; // this *really* should be in a database for any nontrivial application.

function process() {
  // do work to add properties & values to currentState
  if(app.enabled('continue work')) {
    setTimeout(process, 1000); // run every second.  Could set that to smaller intervals
  }
}

app.post('/start', (req, res) => {
  app.enable('continue work');
  process();
  res.sendStatus(200);
});

app.get('/state', (req, res) => {
  res.send({ state: currentState, processing: app.get('continue work') });
});

app.post('/stop', (req, res) => {
  app.disable('continue work');
  res.send(currentState);
});

请注意,很多人不喜欢URL作为“动作”(开始,停止等),但这主要是偏好。如果您愿意,请查看有关REST API的文章,以了解该方法的外观。