对服务器中文件的连续写入很慢

我想用MEAN堆栈来构建一个模拟plunker的简单操场：左侧有一个文件和一个textarea列表，右侧有一个实时预览。请注意，文件保存在临时文件夹中，实时预览是由该临时文件夹中的文件注入的iframe。对服务器中文件的连续写入很慢

我有编码的东西。在前端，控制器监视textarea中文件的修改;每次发生变化时，render将被调用，它将发送一个$http.post来保存所有文件的新版本。

app.controller('Ctrl', ['$scope', 'codeService', function ($scope, codeService) { 
    ... 
    $scope.$watch('files', function() { 
     codeService.render($scope.files) 
    }, true); 
}]); 

app.service('codeService', ['$http', function ($http) { 
    this.render = function (files) { 
     ... 
     var arrayLength = files.length; 
     for (var i = 0; i < arrayLength; i++) { 
      $http.post('/writeFile', files[i]); 
     } 
    } 
}

在后端：

router.post('/writeFile', function (req, res, next) { 
    console.log("router.post /writeFile"); 
    var file = req.body; 
    var fs = require('fs'); 
    fs.writeFileSync("public/tmp/" + file.name, file.body); 
});

我的测试表明，对于第一修改中，这的确是写入到服务器上的文件。但是，对于连续修改，第二个和后续写入可能需要超过20秒EACH。

有没有人知道什么减慢了作品（第一个除外）？

此外，我应该拨打$http.post('/writeFile', files[i])或以异步方式写router.post('/writeFile'...？

编辑1：

我也想知道如果它是正确的写入通过以下方式HTTP请求（我在具有同步功能内的异步函数（即，HTTP POST）（即，？render）我应该让render asynchonous）：

app.service('codeService', ['$http', function ($http) { 
    this.render = function (files) { 
     ... 
     var arrayLength = files.length; 
     for (var i = 0; i < arrayLength; i++) { 
      $http.post('/writeFile', files[i]); 
     } 
    } 
}

当我看到在我的代码中的其他HTTP请求，时尚往往喜欢

o.create = function (post) { 
    return $http.post('/posts', post, { 
     headers: { Authorization: 'Bearer ' + auth.getToken() } 
    }).success(function (data) { 
     o.posts.push(data) 
    }); 
};

来源

2017-02-21 SoftTimur

不使用'fs.writeFileSync'，使用异步版本 – wong2

^这。 \ * Sync功能背后的全部理念是它们阻止*。 – estus

谢谢...请参阅我的更新... – SoftTimur

您可以尝试重构您的代码，并包括以下内容：

1）将您的观察器包裹在去抖功能中。 https://lodash.com/docs/4.17.4#debounce

$scope.$watch('files', _.debounce(function() { 
     codeService.render($scope.files) 
    }, 1000), true);

它可以防止无用电话

2）使用的writeFile代替writeFileSync

fs.writeFile("public/tmp/" + file.name, file.body, (err) => { 
    if (err) throw err; 
    console.log('It\'s saved!'); 
});

的功率异步功能的的NodeJS，尽量避免在你的代码同步调用。

来源

2017-02-21 13:47:28 Cassidy

谢谢...我仍然有一个问题，请参阅我的更新... – SoftTimur

回答您的问题，以下面的方式编写http请求是否正确？简短的回答是否。请提出一个单独的问题，我将向您解释如何处理连续的异步呼叫。 – Cassidy

好吧，我会写另一个（复杂）问题... – SoftTimur

对服务器中文件的连续写入很慢

回答

相关问题