Получить объект статьи, включая его изображение, с помощью пользовательского запроса Shopify JavaScript Buy SDK

Я использую SDK shopify-buy, чтобы попытаться получить статьи из моего магазина Shopify, просто используя JavaScript в интерфейсе, следуя указаниям «Расширение SDK» здесь: https://shopify.github.io/js-buy-sdk/#expanding-the-sdk.

Используя приведенный ниже код, я могу получить свои статьи и некоторые поля, которые мне нужны.

// Build a custom query using the unoptimized version of the SDK
const articlesQuery = client.graphQLClient.query((root) => {
  root.addConnection('articles', {args: {first: 10}}, (article) => {
    article.add('title')
    article.add('handle')
    article.add('url')
    article.add('contentHtml')
  })
})

// Call the send method with the custom query
client.graphQLClient.send(articlesQuery).then(({model, data}) => {
  console.log('articles data')
  console.log(data)
})

Однако мне действительно нужно вытащить избранное изображение для каждой статьи, и, к сожалению, когда я добавляю строку article.add('image') в свой articleQuery, полученные в результате статьи регистрируются null. Я попытался создать собственный productsQuery, и у него возникла аналогичная проблема - я могу получить некоторые поля продукта, но когда я пытаюсь добавить строку product.add('images'), я просто получаю null обратно из API витрины магазина.

Есть ли у кого-нибудь опыт создания пользовательских / расширенных запросов и успешного получения изображений?


javascript shopify shopify-javascript-buy-sdk
person James Heston    schedule 23.01.2019    source источник
comment
вы можете добавить вывод console.log(data)?   -  person Taki    schedule 31.01.2019
comment
вы пробовали img? если возвращается значение null, либо в статьях нет изображения, либо имя свойства, к которому вы пытаетесь получить доступ, не существует. Вы где-нибудь нашли правильное ключевое слово для извлечения изображений или добавляли image в свою статью. Это была ваша идея?   -  person RegarBoy    schedule 02.02.2019

Ответы (2)


arrow_upward
1
arrow_downward

Попробуйте следующее:

// Fetch all products in your shop
client.graphQLClient.fetchAll().then((acticles) => {
  console.log(acticles);
});

А затем проверьте в консоли, какие доступные имена свойств имеют ваши статьи. Если SDK позволяет получать какие-либо данные изображения, обязательно должно быть что-нибудь вроде imageSrc || imageUrl || _4 _......

person RegarBoy    schedule 02.02.2019

arrow_upward
0
arrow_downward

Спасибо Ребекке Фридман в разделе вопросов github репозитория js-buy-sdk за предоставление этого рабочего решения:

const articlesQuery = client.graphQLClient.query((root) => {
  root.addConnection('articles', {args: {first: 10}}, (article) => {
    article.add('title')
    article.add('handle')
    article.add('url')
    article.add('contentHtml')
    article.addField('image', {}, (image) => {
      image.add('id')
      image.add('originalSrc')
    })
  })
})

// Call the send method with the custom query
client.graphQLClient.send(articlesQuery).then(({model, data}) => {
  console.log('articles data')
  console.log(data) // works!
})

Поскольку поле изображение является собственным объектом, вам нужно добавить функцию обратного вызова, чтобы указать нужные поля.

person James Heston    schedule 14.02.2019