Сколько способов загрузки файлов с использованием API GraphQL есть?

Question

[Shakir Darion]

Я новичок в graphql. Я столкнулся с проблемой загрузки файлов. Я хотел решить эту проблему с помощью Amazon S3, но не смог. Меня интересует, сколько Сколько способов загрузки файлов с использованием API GraphQL есть ?

Answer 1

[Иван Шумов]

Ноль. Ну, загрузка base64 не в счет. GraphQL не для этого. С aws s3 загрузка файлов делается легко и непринуждённо

Comments

[Николай Ланец]

Ложное утверждение.

[Иван Шумов]

Николай Ланец, ответил ниже

Answer 2

[Николай Ланец]

Я не скажу сколько именно есть способов загружать файлы в граф, но как минимум один распространенный есть. Но я так же оговорюсь сразу, что не знаю как это работает или нет с AWS, потому что я им не пользуюсь, а пишу код на своих серверах.

1. Полю, которое должно содержать загружаемый файл, задаем тип Upload.
Скорее всего при сборке схемы граф заругается, что такой тип ему не известен, просто где-нибудь пораньше объявим этот тип:
scalar Upload
Никаких обработчиков дополнительных специально под этот тип не надо прописывать, это только уже в самих резолверах.

2. В резолвере, которым обрабатывается этот запрос, пишем приемку и и обработку файла. Вот для при мера мой код, принимающий загружаемый файл: https://github.com/prisma-cms/upload-module/blob/b...

3. С фронта отправка файлов выполняется через доступ к стандартному File-API из объекта event поля input.
https://github.com/prisma-cms/uploader/blob/7d8240...

К слову, по запросу "graphql aws upload file" гугл выдает очень много ответов, и вот это видео все наглядно показывает: https://www.youtube.com/watch?v=Ue3Tn0ZzfdY (правда на англ).

Comments

[Иван Шумов]

Дичь. Объясняю по пунктам - в спецификации graphql отсутствует передача бинарных данных

[Николай Ланец]

Иван Шумов, читайте внимательно спецификацию, там описывается как свои кастомные типы добавлять, какие хотите.
GraphQL - это только схема по большей степени. Что и как работает - это на вашей совести и ответственности.
И посмотрите, к примеру, довольно популяный компонент https://www.npmjs.com/package/graphql-upload с 500 000 загрузок в неделю, объясните всем им, что они неправильно двигаются все.

Еще раз: GraphQL позволяет загружать бинарники (и можно даже пачками) и я этим успешно пользуюсь каждый день.

А ваш ответ в стиле "Даже не пытайтесь этого делать" вряд ли помогает решить поставленную задачу.

[Иван Шумов]

Николай Ланец, что непонятного в том что протокол обмена данными в GraphQL происходит в формате json? Бинарные данные нельзя передавать в таком виде, а значит что это не загрузка оригинального файла, а трансформация в любом его виде. Это медленно и глупо по тому что для этой задачи есть другие инструменты. Ещё раз - GraphQL создавался для других задач. Нашли себе молоток и все вокруг превратилось в гвозди

[Николай Ланец]

Иван Шумов, вот смотрите пример отправки запроса с файлом на сервер:
Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryq9BpEJtLYvXm1vq6
FormData
------WebKitFormBoundaryq9BpEJtLYvXm1vq6
Content-Disposition: form-data; name="operations"

{"operationName":null,"variables":{"file":null},"query":"mutation ($file: Upload!) {\n singleUpload(file: $file) {\n id\n filename\n encoding\n mimetype\n path\n __typename\n }\n}\n"}
------WebKitFormBoundaryq9BpEJtLYvXm1vq6
Content-Disposition: form-data; name="map"

{"0":["variables.file"]}
------WebKitFormBoundaryq9BpEJtLYvXm1vq6
Content-Disposition: form-data; name="0"; filename="chrome_24x24-a7ca66e6b4.png"
Content-Type: image/png

------WebKitFormBoundaryq9BpEJtLYvXm1vq6--

Как много JSON вы здесь видите? Это классический multipart/form-data, бинарный.

[Иван Шумов]

Николай Ланец, это уже не по спецификации)

[Николай Ланец]

Иван Шумов, Вполне возможно. Но опять-таки, вопрос на каком уровне начинает использоваться GraphQL. Много кто (в том числе и я) использует Apollo-Server. Тот в express добавляет свои мидлвары. То есть когда с клиента прилетает запрос, он сначала попадает в Apollo-Server, потом уже из него отправляется в GraphQL. Аполло вполне может обрабатывать форм-дата, приводить все в JSON и отправлять уже стандартизированный запрос дальше в GraphQL.
Когда мы добавляем свои кастомные типы (как было описано выше, добавили Upload), валидация этих типов уже перекладывается на наши плечи. Скорее всего GraphQL-ю из Apollo-Server улетает не JSON, а уже полноценный JS-объект. Бинарные данные в его свойствах полноценными объектами улетают со стримами и т.п. GraphQL стандартные поля валидирует своими методами, а кастомные смотрит зарегистрированы ли валидаторы или нет. У нас для Upload ничего не зарегано и тут он действует по принципу "Если не запрещено, то разрешено" и пробрасывает дальше как есть.
Так что в целом все может быть очень даже валидно и стандартизировано.

[Иван Шумов]

Николай Ланец, Apollo это топ, конечно, но GraphQL для них просто одна из фич. Не очень корректно говорить о GraphQL в рамках такого специфичного продукта.)

[Николай Ланец]

Иван Шумов, GraphQL сама по себе - фича, по большей степени. Реализуемая на множестве языков и технологий. Не думаю, что ТС топит конкретно за ультраспециализированное решение.
Но конкретно этот вопрос (обработка multypart/formdata) весьма и весьма подробна прописана и принята многими, в том числе и на разных языках. Можно изучать здесь: https://github.com/jaydenseric/graphql-multipart-r...

[Кирилл Несмеянов]

Иван Шумов, это вполне по спецификации. GraphQL не накладывает вообще никаких ограничений на способ передачи данных на сервер и наоборот, с сервера. Более того - он никаким боком даже с JSON не связан))

[Иван Шумов]

Кирилл Несмеянов, Последняя релизная спека. Вперед читать

[Николай Ланец]

Иван Шумов, вы кажется сильно загоняетесь. Читайте сами указанную спецификацию.

GraphQL is not a programming language capable of arbitrary computation, but is instead a language used to query application servers that have capabilities defined in this specification. GraphQL does not mandate a particular programming language or storage system for application servers that implement it. Instead, application servers take their capabilities and map them to a uniform language, type system, and philosophy that GraphQL encodes. This provides a unified interface friendly to product development and a powerful platform for tool‐building.

Гуглоперевод:

GraphQL - это не язык программирования, способный к произвольным вычислениям, а язык, используемый для запросов к серверам приложений, которые имеют возможности, определенные в этой спецификации. GraphQL не требует определенного языка программирования или системы хранения для серверов приложений, которые его реализуют. Вместо этого серверы приложений используют свои возможности и сопоставляют их с единым языком, системой типов и философией, которые кодирует GraphQL. Это обеспечивает единый интерфейс, удобный для разработки продукта, и мощную платформу для создания инструментов.

Условно: что хотите, то и делайте, лишь бы у вас работало и не было конфликтов.

Вот для примера можете посмотреть мой очень старый код: https://github.com/Fi1osof/gorodskie-bani.ru/blob/...
Писал его еще в 17-ом году, еще без всяких аполлотулзов и т.п., чистая JS-реализация по спецификации, с исходными JS-типами графа и т.п. Так вот, если внимательно посмотрите, то вызов графа происходит не с передачей ему объекта express, а непосредственно тела запроса, параметров, резолверов и т.п. Условно вы не можете ему передать express-сервер типа "вот тебе сервер, лови запросы и обрабатывай их", а надо настроить свой сервер, ловить запросы и передавать графу в понятном ему виде. А может у вас и вовсе не быть веб-сервера, а просто скрипты локальные работать. Ему пофигу, он об этом не знает и не хочет знать. Ему нужна схема, тело запроса и параметры (если они есть).
Так что даже если вы и умеете читать спецификацию, судя по всему, до реальной и углубленной самостоятельной реализации вы не дошли. И не путайте людей.

[Кирилл Несмеянов]

Иван Шумов, я эту спеку помогал писать, зачем мне её ещё читать?))) Лучше покажи где там хоть что-то есть, связанное с тем, что запросы обязательно должны быть в json и почему нельзя использовать multipart/form-data..

[Shakir Darion]

когда я использую apollo-server-express я не могу передать больше 100 кб пачиму ?можно использовать rest и graphql одновременно ?