如何在 Shopify 私有 APP 中发出 API 请求

How to make API request in a Shopify private APP

所以我正在使用 node.js 在 Shopify 中开发一个私人应用程序并作出反应,到目前为止,它只是一个向商店提交新产品的表单,非常简单,我意识到的是Shopify 的管理员 API 不允许我作为私人应用程序发出请求,或者这就是我从中了解到的,显然解决方案与设置后端服务器有关,我在损失,因为我使用 Shopify CLI 快速启动了该应用程序并为您设置了一个 ngrok 隧道服务器,我不确定是否需要设置另一个或下一步该做什么。 它以这个过程为基础:https://shopify.dev/apps/getting-started/create

这篇文章描述了完美的解决方案,但他们没有详细说明,所以这就是我来这里的原因:https://metafieldsmanager.thebestagency.com/articles/how-to-build-a-private-app

代码:

AddProductForm.js

let headers = {'X-Shopify-Access-Token': 'access token',
'host': 'store-example.myshopify.com', 
'Content-Type': 'application/json',
'Access-Control-Allow-Origin': '*'
}

let baseUrl = 'https://store-example.myshopify.com/admin/api/2021-07/'

现在我只是在尝试一个简单的获取请求。


let handleSubmit = () => {  
        let toAdd = {
            product:{
                title: title,
                body_html: bodyHtml,
                vendor: vendor,
            }

        }
        console.log(baseUrl + 'products.json')
        fetch(baseUrl + 'products.json', {  
            headers:  headers
        }).then(res=>console.log(res))

为了简单起见,我省略了其余代码,但它非常基本的 JSX 和表单处理。


在处理 Shopify 应用程序一段时间后,您确实需要另一台具有某些 https 配置或使用 Ngrok 隧道的服务器,该服务器需要调用 Shopify api 而不是您的 front-end 然后 Shopify CLI 为您构建的应用程序必须调用该服务器。