How to Use the Shopify API and Make GraphQL Requests

Рет қаралды 6,390

Күн бұрын

Learn how to make GraphQL requests and work with the Shopify API.
⭐ Shopify Editions Page 2024
--------------------------------------------------------------------------
www.shopify.com/editions?utm_...
► Free Help
--------------------------------------------------------------------------
🎯 Get Personal Career Advice for Shopify Developers:
codingwithjan.com/personal-ca...
👨‍💻 Find a qualified Shopify Developer for your next project:
codingwithjan.com/hire-a-deve...
► Contact
--------------------------------------------------------------------------
🌐 Website
codingwithjan.com
🤝 LinkedIn
/ jan-frey
► Resources
--------------------------------------------------------------------------
Shopify Documentation on Input settings
shopify.dev/docs/api/admin-gr...
Getting started with GraphiQL
shopify.dev/docs/apps/tools/g...
Shopify API Rate Limits
shopify.dev/docs/api/usage/ra...
Timestamps
00:00 Today's Video
00:22 Understanding Shopify's API
01:29 GraphQL Carsh Course
03:32 Writing your first GraphQL Query
05:57 Understanding the Server Response
08:31 Practise GraphQL Requests from your own App
12:03 Make API Requests via Client Libraries
15:23 Updates from Shopify Editions
16:30 Outro
🔍 SEO Description
--------------------------------------------------------------------------
GraphQL is the recommended query language for working with Shopify's API.
The Admin API lets you build apps and integrations that extend and enhance the Shopify admin. Developers can request (read or write) data regarding products, collections, orders, customer information, or the shop itself.
In this GraphQL tutorial, we're learning the Syntax, and how you can get started writing your first GraphQL requests. Further, we explore how to test your queries and later how to make Shopify API requests from your own apps. In summary, this video serves as a full guide to working with the Shopify API by using GraphQL.
codingwithjan.com

Пікірлер: 45

@CodingWithJan 2 ай бұрын

🎯 Get Personal Career Advice for Shopify Developers: codingwithjan.com/personal-career-advice 👨‍💻 Find a qualified Shopify Developer for your next project: codingwithjan.com/hire-a-developer

@liamgriffin9526 3 ай бұрын

Awesome video Jan! Great to see you running the queries from the app as well as how to test/learn with graphiql

@Lizhiaa 3 ай бұрын

Thank you for this video, you are the first that I watch that ACTUALLY explains what the code in the test app does. But I would love to see another video where you go more into detail about making more api-requests through a button click. I would also love to know how I can make that request from a button click on the storefront and not through a button click in the app (my use case is that the customer needs to update their metafield value, so I don't really need a front-end for my particular app only a back-end app). I have watched tons of videos and I am still quite lost but will get there eventually. Just really wanted to say that I appreciate your videos :D

@CodingWithJan 3 ай бұрын

Thank you Liz 😄 Loved the feedback, and agree that these use cases would be helpful to see too!

@saharrsaber Ай бұрын

Super clear, Thank you!

@CodingWithJan Ай бұрын

Glad it helped! :-)

@StefanW87 3 ай бұрын

Thank you Jan for sharing!

@CodingWithJan 3 ай бұрын

More than welcome 😄🙌

@celebGPT 3 ай бұрын

Very Informative

@gus24x24 3 ай бұрын

Great video, I hope there is more in the future regarding app development. Especially using vanilla JS!

@CodingWithJan 3 ай бұрын

Haha, probably not vanilla! Highly recommend using the packages, and react components if you don't want to be coding forever 😄

@andrewcpark 3 ай бұрын

Awesome overview of graphql!

@CodingWithJan 3 ай бұрын

Thank you, Andrew! 💪 Are you already tapping into app development?

@andrewcpark 3 ай бұрын

@@CodingWithJan not quite yet but good to know!

@matthewpill88 3 ай бұрын

Great video as always! It would be good to run through a couple examples of when you'd build out a custom app. I always struggle with example cases of when I'd actually need to go down the custom app development route rather than using what Shopify natively has to offer or from using third party apps that already exist... I'm coming from it with only custom theme development experience though!

@CodingWithJan 3 ай бұрын

Awesome feedback! :-) What kind of requests would you like to see? Also, what tech stack for building apps? (just the default remix starter template?)

@ShopifyLearner-ng3il 3 ай бұрын

Can we use this to create discount based on payment gateway with this?

@mindaugaslukosiunas 11 сағат бұрын

By any chance you could guide me how to update metaobject definition on the app update when releasing a new version?

@mudassarz.6762 2 ай бұрын

That was super helpful! Can you also explain how to query GraphQL from an app extension (e.g. querying customer data from a post-purchase UI)?

@_Software_developer_ Ай бұрын

very informative

@deerajt3166 12 күн бұрын

Hi how can we fetch home page content(rendered via sections on theme customizations) or fetch via template names?

@hariprasanths2973 2 ай бұрын

Brother... I'm looking for the Shopify API endpoint to include tracking number and shipping company details before the order status is marked as fulfilled. What's the appropriate endpoint for this?

@alexandercruz7107 Ай бұрын

Do you know how I can change the logo link and in the version I am using in the bottom right corner there is a link "return to car". how can I hide it?

@joelleon8712 Ай бұрын

Thank you for the video, but what if you want to populate dynamically?

@CodingWithJan Ай бұрын

what does that even mean?

@KhasimAli-pv9zm Ай бұрын

Thanks for the video! Can you please let me know if a customer can update his email or any other field from his account through the storefront. I have not seen an option to edit the details from the storefront.

@CodingWithJan Ай бұрын

Per default they can't. Would be possible via apps / custom apps.

@mako_cp 2 ай бұрын

Hey Jan, how can I setup a development shop for testing purposes or is here a real shop for this needed? thanks

@CodingWithJan 2 ай бұрын

Create a "Shopify Partners" account (free) and then create a new development store.

@merrittwitherspoon7894 2 ай бұрын

Do you have to use GraphQL with a Storefront API? I'm building headless ecomm that flows from Shopify to iOS & visionOS Apple apps. Thanks!

@CodingWithJan 2 ай бұрын

Unfortunatley not yet.

@merrittwitherspoon7894 2 ай бұрын

@@CodingWithJan Cool, good to know GraphQL is not associated with using Shopify’s Storefront API. Thanks for the reply 👍

@paquitafadden6068 2 ай бұрын

Hi Jan, I am creating a public Theme Extension Block App using the new Remix infrastructure. Is it possible to send a GET to my API and have that run a GraphiQL query for me and return the information? Is this how we can use GraphiQL with our apps or do I misunderstand how we can use GraphiQL? It seems silly to save information in my APP/database that is a duplicate of Shopify information. Are you able to demonstrate the code to achieve such a thing? It's proving challenging.

@CodingWithJan 2 ай бұрын

Hi, so you can't send API requests from the theme (frontend). When a user visits the website, all file are downloaded to their machine. So if you could make API requests from there, they would also have the secret API keys, which would be a security issue. If you have a app/theme extension, this would trigger an action inside your app, and the app would make the graphQL request from the server. Hope this way it makes sense 😄

@dystopian_1 3 ай бұрын

Great content

@shaluchaudhary908 2 ай бұрын

Hey can you help me with authentication token key so that if I want to sell my theme then no one can use it with token key.. I want to do this with custom code...no apps

@CodingWithJan 2 ай бұрын

Unfortunatley not possible, because if your validation code was right in the theme, people would have access to it and can just remove it

@sarveshkapoor7177 3 ай бұрын

Hi Jan I am following you and like your content but can you start a new series on how to build shopify theme from scratch or use any free theme to complete it for a e-commerce website I hope other are also looking for that.

@CodingWithJan 3 ай бұрын

Hey there, for free resources, I'd recommend checking my "theme development" playlist. (this is more for theme customizations than building one from scratch, but also what I'd recommend when getting started.) For a full end-to-end curriculum, portfolio reviews, code reviews, mentoring, and support while working on your first real client projects, our bootcamp Freemote might be a good fit. Cheers!

@sarveshkapoor7177 3 ай бұрын

@@CodingWithJan thanks for replying I appreciate you suggestions I will work around them ❤️

@asmamalik0165 3 ай бұрын

Is it possible with API we can manage the checkout page in the Shopify plan? Like I want to add a city dropdown through google API but shopify page is rejecting the script

@CodingWithJan 3 ай бұрын

you might want to look into checkout extensions