NodeJS 如何确保文件被下载,然后返回响应给客户端?

ktca8awb  于 2023-02-03  发布在  Node.js
关注(0)|答案(2)|浏览(253)

我必须使用nodejs下载一个json文件并作出React,因此,当用户单击下载按钮时,会向nodejs发送一个请求,然后我发出一个http请求,传递用户、pass和url,以便在服务器上下载json文件,然后在客户端下载该文件
在服务器端的文件下载几乎需要5分钟,问题是,我得到一个网络错误之前,下载文件完成:

GET http://127.0.0.1:4000/downloadFile net::ERR_EMPTY_RESPONSE
Error: Network Error
    at createError (createError.js:17)
    at XMLHttpRequest.handleError (xhr.js:80)

点击下载按钮时,响应侧的此函数被调用:

downloadFile() {
    this.setState({ buttonDownloadText: 'Wait ...' })
    axios.get(process.env.REACT_APP_HOST + '/downloadFile')
      .then(resp => {            
        window.open(process.env.REACT_APP_HOST + '/download?namefile=' + resp.data.fileName, '_self')           

        this.setState({ buttonDownloadText: 'Start download' })    

      })
      .catch((error) => {
        console.log(error) //here is where the Network Error is returned
        this.setState({ buttonDownloadText: 'Error. Try again' })
      })
  }

服务器端:

const http = require('http');
  const fs = require('fs');

    app.get('/downloadFile', function (req, res, next) {
        try {
            const headers = new Headers();
            const URL = env.URL_API + '/api/downloadFile'
            const DOWNLOADURL = env.URL_API + '/api/download'
            headers.set('Authorization', 'Basic ' + base64.encode(username + ":" + password));

            fetch(URL, {
                method: 'GET',
                headers: headers,
            })
                .then(r => r.json())
                .then(data => 
                    fetch(DOWNLOADURL + '/' + data.fileName, {
                        method: 'GET',
                        headers: headers,
                    }).then(result => {   
                                const url = 'http://user:pass@url' + data.fileName
                                const arq = __dirname + '/download/' + data.fileName

                                var file = fs.createWriteStream(arq);
                                http.get(url, function (response) {
                                    response.pipe(file);
                                    file.on('finish', () => file.close(() => res.status(200).send({ file: data.fileName });)) //I have to return the file name to react function
                                });

                            }).catch(error => {
                                logger.error(`${error}`);
                            })
                    })
                        .catch(error => {
                            logger.error(`${error.status || 500} - ${error} - ${req.originalUrl} - ${req.method} - ${req.ip}`);
                            res.sendStatus(500)
                        })
               ....
    });

downloadFile函数必须返回fileName,所以我调用download route在clint端进行下载

app.get('/download', function (req, res) {
    try {
        const file = __dirname + '/download/' + req.query.namefile;
        res.download(file);
    } catch (error) {
        logger.error(`${error.status || 500} - ${error} - ${req.originalUrl} - ${req.method} - ${req.ip}`);
    }
});

所以,我的观点是,为什么我的downloadFile路由不等待下载文件完成后返回res.status(200).send({ file: data.fileName })?

jv4diomz

jv4diomz1#

由于不能强迫浏览器等待来自服务器的长时间响应,我建议使用另一种方法:将文件上传到云(例如AWS或Firebase)并向客户端返回链接。
如果使用Firebase(或其他真实的数据库),服务器可以在文件上传完成时在数据库中设置一个标志。因此,当文件可供下载时,客户端会得到异步通知。

mepcadol

mepcadol2#

尝试使用XMLHttpRequest从客户端获取响应

相关问题