Js-buy-sdk: JS-Buy-SDK product ID's are different from rest API product ID's?

[Codesesh]

When using the js-buy-sdk the product ID's are different e.g

js-buy-sdk product ID = Z2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzU5Mzk2NTE1NDMzOQ

Shopify rest API product ID = 593965154339

Both are ID's for the same product.

I was wanting to use the REST API in conjunction with the js-buy-sdk. E.g grab product ID from rest API (which will be stored in a database) then pass through that product ID to the js-buy-sdk to add to cart/create cart etc. Since the ID's are different this isn't possible?

[StefanSlehta]

Running atob("Z2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzU5Mzk2NTE1NDMzOQ") will give you "gid://shopify/Product/593965154339". You can see how buy-button-js does it here

[OctaneInteractive]

Hi, I'm in the opposite situation, where I have: 593965154339 but I need: Z2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzU5Mzk2NTE1NDMzOQ.

How would I do this?

[jibinycricket]

@OctaneInteractive, based off of @StefanSlehta's comment I think you can just do the following:

btoa(data.admin_graphql_api_id)

[OctaneInteractive]

Hi @j-mutter, I figured it out myself yesterday afternoon:

Buffer.from('gid://shopify/Product/593965154339').toString('base64');

I found this through trial and error, fuelled by pure guesswork — the Shopify documentation is by far the worst I've ever experienced.

[harnasz]

@OctaneInteractive - thank you so much for you answer, that's really helped me.

[peteshilling]

This worked for me:

btoa('gid://shopify/ProductVariant/593965154339')

[lennymendez]

Hey peeps, this worked for me:

const uglyId = Z2lkOi8vc2hvcGlmeS9Qcm9kdWN0LzU5Mzk2NTE1NDMzOQ;
const badId = atob(uglyId); // gid://shopify/Product/593965154339
const goodId = badId.split('/');
console.log(goodId[4]); // 593965154339