nuxt-shopify: невозможно добавить вариант товара в оформление заказа (неверный глобальный идентификатор)

Я создаю веб-сайт shopify без заголовка, используя shopify-nuxt. Я уже могу получать продукты и варианты продуктов и создавать кассу, чтобы получить checkoutID.

Теперь я хочу добавить товары в корзину, чтобы завершить оформление заказа. Полученные мной идентификаторы моего варианта продукта выглядят следующим образом:

 {
        "id": 37347204038813,
        "product_id": 5909234516125,
        "inventory_item_id": 39367677640861,
        "admin_graphql_api_id": "gid://shopify/ProductVariant/37347204038813"
 },

Теперь в моем магазине Vuex, когда я хочу добавить lineItem, я использую такой метод:

  async addCartItem(state, {selectedVariantId}) {
    const lineItemsToAdd = [
      {
        variantId: selectedVariantId, // either id, product_id or inventory_item_id
        quantity: 1
      }];
console.log(lineItemsToAdd) // [{variantId: 5909234516125, quantity: 1}]

    
    await this.$shopify.checkout.addLineItems(this.app.$checkout.getCheckoutId(), lineItemsToAdd)
      .then(checkout => {
        // The Method is not going here.
        state.commit('updateCheckout', checkout);
      }).catch((e) => {
        console.log(e);
      });
  },

Когда я пытаюсь добавить lineItem в кассу, используя sdk, я получаю следующую ошибку:

Error: [{"message":"Variable $lineItems of type [CheckoutLineItemInput!]! was provided invalid value for 0.variantId (Invalid global id `5909234516125`)","locations":[{"line":1,"column":3245}],"extensions":{"value":[{"variantId":5909234516125,"quantity":1}],"problems":[{"path":[0,"variantId"],"explanation":"Invalid global id `5909234516125`","message":"Invalid global id `5909234516125`"}]}}]

Я заметил, что идентификатор моего варианта продукта отличается от идентификатора в примере документации nuxt-shopify. Но я не знаю, как получить правильный идентификатор, потому что получение продукта с неправильными идентификаторами не работает.


person Cenasa    schedule 31.12.2020    source источник


Ответы (1)


После долгих исследований я узнал, как получить правильный идентификатор. Вы должны получить свойство admin_graph_api_id и добавить его в btoa следующим образом:

btoa(this.selectedVariantId)

person Cenasa    schedule 01.01.2021