使用GraphQL请求代理多部分请求到GraphQL API [英] Proxy multipart request to graphql api using graphql-request

问题描述

我有一个NodeJS Express应用程序，它充当客户端应用程序和GraphQL API之间的代理。GraphQL API实现GraphQL-MULPART-REQUEST-SPEC。我正在使用GraphQL请求包来查询它。 代理应用程序使用nestjs和Multer进行上载。

根据GraphQL请求文档，您可以像这样上传文件

const UploadUserAvatar = gql`
  mutation uploadUserAvatar($userId: Int!, $file: Upload!) {
    updateUser(id: $userId, input: { avatar: $file })
  }
`

request('/api/graphql', UploadUserAvatar, {
  userId: 1,
  file: createReadStream('./avatar.img'),
})

但这意味着上载的文件已保存到文件系统。是否可以使用文件的缓冲区执行相同的操作？

我尝试将缓冲区转换为ReadableStream，如下所示：

const readable = new Readable()
readable._read = () => {} // _read is required but you can noop it
readable.push(file.buffer)
readable.push(null)

await request('/api/graphql', UploadUserAvatar, {
  userId: 1,
  file: readable,
})

但GraphQL API返回以下错误：

多部分数据意外结束

推荐答案

我遇到了类似的问题，我使用form-data包解决了它。

对我起作用的灵魂：

import FormData from "form-data";

function uploadUserAvatar(userId: string, readable) {
    const requestBody = new FormData();
    
    requestBody.append('operations', JSON.stringify({
        query: UploadUserAvatar,
        variables: { userId }
    }));
    
    requestBody.append('map', JSON.stringify({
        0: ['variables.file']
    }));

    requestBody.append('0', readable);
    
    return new Promise((resolve, reject) => {
        requestBody.submit('http://endpoint/api/graphql', (err, res) => {
            if (err) {
                reject(err);
            } else {
                let body = '';
                res.on('readable', () => {
                    body += res.read();
                });
                
                res.on('end', () => {
                    resolve(JSON.parse(body));
                });
            }
        });
    });
}

我希望它也能解决您的问题。

这篇关于使用GraphQL请求代理多部分请求到GraphQL API的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！