Как связать graphQL c фронтом?

Question

[Игорь Мясников]

Добрый день!
Есть простой сервер на Node JS и База Данных на Mongo Atlas, для запросов используется GraphQL.
Как я могу связать уже готовый фронт (html, css, native__js) с сервером?

Comments

[Дмитрий Шицков]

Думаю, будет сложно, т.к. я не видел реализации GraphQL на NativeJs.

[Михаил]

Дмитрий Шицков, graphql на клиенте это обычный Post запрос с 2(в случаях) полями

[Игорь Мясников]

Михаил, не нашел реализации на нативном js такой связи

[Игорь Мясников]

Дмитрий Шицков, сайт простой, информативный . Тянуть для него vue или react слишком "дорого"

Answer 1

[Михаил]

Игорь Мясников, так, ну вот
Сам запрос это { operationName, query, variables }
Для multipart { operations, map }

const query = `
  query($id: Int!) {
    user(id: $id) {
      name
    }
  }
`;

fetch('https://gql-placeholder.herokuapp.com/graphql', {
  method: 'POST',
  headers: {
    'content-type': 'application/json',
  },
  // credentials: 'include',
  body: JSON.stringify({
    operationName: null,
    query,
    variables: {
      id: 1,
    },
  }),
})
  .then((r) => r.json())
  .then(console.log);

Можете запустить в консоле

Файлы отправляются немного по-другому, нужно менять сам запрос (через FormData) https://github.com/jaydenseric/graphql-multipart-r... если это нужно

Легкие библиотечки полюбому есть, главное поискать

Вот например https://www.npmjs.com/package/dahlia-graphql-client
https://www.npmjs.com/package/gql-api-client

Comments

[Игорь Мясников]

Спасибо большое за помощь

Answer 2

[Виталий]

Юзайте аполло это удобно