Streamline Your Store Management with Shopify API Admin

How to Make a Shopify API Request

Hey, I'm Megan, a developer advocate with Shopify. Today, we'll be using an access token generated by Shopify to request product information through the Admin API.

APIs and Shopify:

If you're familiar with web development, you know that APIs are sets of protocols and rules used to define how you can integrate your application with a source. The APIs provided by Shopify are no different and are the primary way that you, as an app developer, can integrate your app with Shopify. Shopify has a few APIs available that you can use, but today we will be focusing on the Admin API.

Admin API and Authentication:

The Admin API gives your app the ability to read and write Shopify store information. This includes products, orders, shipping, and more. Because of this, all requests to the Admin API need to be authenticated. I will be demonstrating how to make authenticated requests using both curl and a plugin for VS code called Thunderclient. You can use whatever HTTP client that you prefer.

Creating a New Application:

In the Shopify admin, I'm going to create a new application. Notice here that this is a custom application, and this is fine for my use case because it's only going to be installed on the singular store, but you can also create public apps as well. We'll call this app Test API app.

API Scopes and Access Token:

Now that the app is created, part of the authentication and authorization process involves us telling Shopify exactly what information we would like to request through their APIs. We can do this by specifying the API scopes. We can configure these scopes here, and for the purposes of this demo, I'm only going to be selecting the read product scope because all I need to do for this app is read product information. Here, you can see the access token that is generated by Shopify. Now that the app is installed, we will send this access token along in the header for any HTTP request that we make to the Admin API. This is how Shopify will identify and authorize us to get the information that we are asking for.

Making a CURL Request:

Now that the app is installed and ready to go, let's take a look at how exactly we might request that information. You can see here that the URL for the GraphQL Admin API endpoint is as follows. We would fill in the store name here. This specifies the Admin API. This is the version. I'm just going to stick with the latest that's fine with me, and then we're going to be specifying the GraphQL endpoint. We do have REST endpoints available too. In iTerm here, I'm going to go ahead and just make a normal curl request. I'm going to fill in the Shopify store as the first part of that URL like we saw in the documentation, and of course, the application type is application JSON. From here, we have to include the access token as a header like I mentioned so that Shopify can identify us.

Using Thunderclient:

We'll switch over to VS code and do the same thing that we just did in curl, but we're going to use Thunderclient instead. Because it's a GraphQL query, we are going to switch it to a post. We'll use that same endpoint that we had before that includes my Shopify store URL. So we can just switch to the header tab here and include the x-shopify-access-token, and we'll paste in the value that of the same token that we used in that curl request. So now in the body tab, we can define exactly what we're asking for from the GraphQL endpoint. We'll make the same query as we did in the curl request.

That covers it. That's all the steps that you need to generate an API access token to request information from your Shopify Admin API. You can use tools like curl or Thunderclient or whichever HTTP client that you prefer (Postman, Insomnia, etc.). Practicing these API calls before you actually start your development is a great way to speed up your actual development to make sure that your API requests are functioning properly, and you're getting the data back correctly. For more information about Shopify development, subscribe to this channel, review documentation on Shopify dev, and join the community by asking questions in Discord, Slack, or joining our community forums. Thanks, see you there!

Introduction to Shopify APIs

Hi, I'm Liz and I'm on the Developer Relations team at Shopify. In this series, we're covering the basics of Shopify app development and the tools available to help you build them. In the last video, we covered Approach, a tool used when building embedded Shopify apps. In this video, we're going to be covering the bread and butter of Shopify development: the Shopify APIs.

Shopify APIs:

- Shopify has different APIs for different purposes.

- The storefront GraphQL API allows you to build out customers' buying experience.

- The Shopify Partner API allows you to access data found in your partner dashboard.

- The API we'll be using today is the Admin API, which is the API most commonly used in app development.

- There are both REST and GraphQL versions of this API.

- This API allows you to read and write shop by store data, including products, collections, orders, shipping, inventory, and much more.

- Make sure to review the API reference guide linked below to read about all the functionality.

Making API calls:

- When making calls to the Shopify Admin API, it's required you have a header on your request named X-Shopify-Access-Token.

- This will be the access token that was generated for that shop.

- The access token will be generated when the shop authorizes your app to access its data in the OAuth of the install flow.

- Shopify has created API libraries that can make the process of sending the API calls easier.

- Both the REST and the GraphQL Admin APIs have usage limits, but they're calculated differently.

- The REST API allows for 40 requests per app per store per minute and replenishes at a rate of two requests per second.

- The GraphQL API allows for a thousand cost points per app per store per minute and replenishes that 50 cost points per second.

- Most fields cost one point and mutations 10 points.

- Though under the extensions key in a response from the GraphQL API, you should see the actual query cost.

- Shopify was one of the first adopters of GraphQL, and we really like it.

- Going forward, you'll find most of the new additions and features to the Admin API will be added to the GraphQL version, so that's the API we're going to be using in this video.

Building a Shopify App:

- Let's open up the code for our app.

- In the last video, we added a resource picker so merchants could select their products.

- In this video, we're going to be using the GraphQL Admin API to first retrieve the products and then update them with a new randomized price.

- We're going to create a new component called Resource List.

- We're going to add a GraphQL query that would retrieve the products that were selected in the product selector.

- This query will get the products by the node ID.

- Next, we're going to create a component that will use that GraphQL call and create a list of products in the UI with the return data.

- In our index file, we're going to add a constant that will decide whether or not to show our empty state and we're going to add our Resource List component that will show our selected products.

- We're going to update our handle selection function to store the products that were selected by the product selector.

- Now if we open the product selector and select some products, they will display in the UI of our app.

- Now we can write the code to update our product prices.

- We'll create a new component called Apply Random Prices.

- We'll add a GraphQL mutation that can update our product.

- We're going to add a button. When the button is pressed, it will make GraphQL calls with all the selected products and update the price to a random price.

- Let's head back to the Resource List component.

- We're going to add a constructor to keep track of our selected items.

- We're going to update our list of products to make it selectable and then add in our random price component.

- Now when we go into our app, we can select products with the product selector, select them, and update the prices to a random price.

- If you look at the product in the Shopify admin, you'll see the prices updated there as well.

To review the code used in this video, make sure you check out the link in the description below. For more information about Shopify app development, make sure to subscribe to this channel and review the documentation on Shopify Dev. Join the Shopify Dev's Discord server to meet fellow developers and ask questions.

How to Build a Shopify App with Node and React

Shopify is a popular e-commerce platform that offers a range of tools and services to help businesses sell online. In this article, we will explore some of the key features and benefits of Shopify, as well as some tips and tricks for getting the most out of the platform.

Key Points:

- Shopify is a powerful e-commerce platform that allows businesses to sell online

- It offers a range of tools and services to help businesses manage their online store

- Shopify is built using modern technologies such as Node.js, React, and GraphQL

- The platform is highly customizable, with a range of themes and apps available to help businesses tailor their store to their needs

- Shopify also offers a range of marketing and SEO tools to help businesses reach their target audience and increase sales

Tips and Tricks:

- Use Shopify CLI to streamline your development workflow

- Take advantage of Shopify's built-in webhooks to automate tasks and improve efficiency

- Use the Polaris design system to create a consistent and professional-looking storefront

- Utilize Shopify's extensive app store to add new features and functionality to your store

- Use Shopify's GraphQL API to access and manipulate data in your store

Overall, Shopify is an excellent choice for businesses looking to sell online. With its powerful tools and modern technologies, it offers a range of benefits and advantages over other e-commerce platforms. By following these tips and tricks, businesses can get the most out of Shopify and create a successful and profitable online store.

Getting Started with GraphQL

In this article, we will discuss the Chuck Kosman Shopify GraphQL API and its various features. We will explore what GraphQL is and how it is used in Shopify. We will also look at the REST API, its benefits, and how it differs from GraphQL. Additionally, we will examine the various tools and resources available for developers to use when working with Shopify APIs.

Key Points:

- Chuck Kosman Shopify GraphQL API is a powerful tool for developers to build custom applications on top of Shopify.

- GraphQL is a query language used to access data from APIs and is widely used in Shopify.

- REST API is another method of accessing data from Shopify, and it has its own set of advantages and disadvantages.

- Developers can use various tools and resources such as GraphiQL IDE, Shopify API, and insomnia to work with Shopify APIs.

- The Shopify GraphQL API is available for Android, iOS, and Unity SDK, and it supports both GraphQL and REST APIs.

- GraphQL offers benefits such as faster load times, reduced bandwidth usage, and flexible queries.

- Developers can use GraphQL to access data such as product information, customer data, and order history.

- The Shopify API allows developers to create, update, and delete products and other data in their Shopify store.

- The GraphiQL IDE is a useful tool for developers to test their GraphQL queries and mutations.

- The Shopify dev tools and libraries provide resources for developers to work with Shopify APIs, including the Storefront API and React Apollo GraphQL.

- Currency code and CRUD schema are some of the key elements of the Shopify GraphQL API.

In conclusion, the Chuck Kosman Shopify GraphQL API is an excellent tool for developers to build custom applications on top of Shopify. Developers can use GraphQL and REST APIs to access data such as product information, customer data, and order history. The Shopify API allows developers to create, update, and delete products and other data in their Shopify store. With the various tools and resources available, developers can easily work with Shopify APIs and create unique and powerful applications.

Build A Shopify App #2 - Admin API

Hello everyone! In this series, we are building a Shopify app together. The app we're building is a simple product updater. In part two, we're going to set up our API routes on the server and start going through how to work with the REST and GraphQL APIs. If you've just stumbled upon this video, make sure you watch my past couple of videos where we walkthrough setting up an app and going over the app structure. Today is going to be a lot of fun, so let's pull up our project and jump into the code editor.

Setting up API Routes

- Go to the main server file, index.js under the web folder

- Look for the verify request middleware and understand what it does

- Add endpoints after the middleware that need an active and authenticated session

Working with the REST API

- Use the product resource directly from the API package to get the total number of products a store has

- There are other ways to query the REST API

- Use the order resource to create a new order

Working with the GraphQL API

- Create the GraphQL client in the helpers folder

- Use the client.query method to run the mutation and create new products

- Use the client.query method to get the first 10 products in the store

We've set up our API routes on the server and learned how to work with the REST and GraphQL APIs. We've also seen how to create and fetch products using both APIs. In the next part of this series, we'll continue building our app by creating a frontend and connecting it to the backend.

Getting Started with GraphQL on Shopify

- Explanation of the purpose of the article: to provide an overview of GraphQL in Shopify and the tools available for testing GraphQL queries and mutations.

What is GraphQL?

- Definition of GraphQL as a query language for APIs and a runtime for fulfilling those queries with existing data.

- Comparison of GraphQL to REST API, highlighting the difference in the number of API endpoints.

- Explanation of the benefits of GraphQL, such as preventing overfetching and underfetching.

Tools for making GraphQL requests:

- Introduction of two tools: curl and Graphical IDE.

- Explanation of how to use curl for GraphQL queries and mutations.

- Explanation of how to use Graphical IDE for testing GraphQL queries, including the use of arguments and pagination.

- Summary of the main points covered in the article.

- Teaser for the next video in the GraphQL series, which will cover mutations and installation of the Graphical app.

- Call to action to like and subscribe to the channel.