Как правильно делать запрос в graphql с использованием параметров по Ajax?

Question

[kiranananda]

Здравствуйте!

Что то совсем не пойму. Вот надо мне сделать запрос на выборку городов, сам запрос выглядит так:

{
  cities(request: "Москва") {
    code
    name
    type
    status
    region {
      id
      name
    }
    parent_city
    parent_city_type
    parent_area
    parent_area_type
  }
}

Хочу теперь по Ajax получить данные. С передачей параметров. Мне получается надо сначала обработать переменную на кавычки, потом встроить ее в запрос и потом через параметр query отправить сам запрос, да и при желании лишние пробелы бы удалить что бы меньше трафик был? Ну ладно это единичные данные. А если мне нужно фильтры из 10 параметров сделать, то как тут поступить? Так бы я по стандартной схеме просто передал массив и на стороне php обработал его.

Для php использую вот этот проект rebing/graphql-laravel .

Может что не верно делаю? Приложение полностью на Ajax работает, хочу перенести на апи его заодно написав мобильную версию.

Comments

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

Так это, на фронте тоже используйте GraphQL клиент, что вы мучаетесь с Ajax?

[kiranananda]

Дмитрий Шицков, А какую библиотеку использовать? Что то я погуглил но не понял толком ничего :).

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

kiranananda, я не фронт совсем, полагаю от фреймворка будет зависеть. Погуглите ещё) У нас используется reactjs клиент Apollo GraphQL, но я не уверен что именно он вам подойдет

[kiranananda]

Дмитрий Шицков, Спасибо у меня vuejs . Щас погляжу какой то плагинчик есть вроде

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

kiranananda, обратите внимание, у аполло не совсем стандартный GraphQL, могут быть проблемы совместимости. Поищите наивный GraphQL под vuejs

[kiranananda]

Дмитрий Шицков, Спасибо. я наткнулся на использование
variables. Но не могу понять как на серверной части это настроить, готовых примеров не вижу (.

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

kiranananda, попробуйте сгенерировать бойлерплейт для бека и фронта на основе схемы https://github.com/graphql-boilerplates/vue-fullst...

[kiranananda]

Фуф это что то совсем сложное :).

На самом деле в доке я вижу пример

query FetchUserByID($id: String)
{
    user(id: $id) {
        id
        email
    }
}

что такое FetchUserByID не ясно, а так же он ругается Variable "$id" is never used in operation "FetchUserByID"