Page 1 of 1

查看所有可用产品

Posted: Thu Jan 16, 2025 8:12 am
by asikurrahmanshuvo
现在我们的标题已经配置好了,您可能会认为一切准备就绪,但由于这是一个可重复使用的功能,我们需要自定义我们要求 Shopify 提供的内容。

自定义 POST 请求
当我们向 Shopify 发送我们想要的实际请求时,这是在body请求中完成的。

Shopify 在处理请求时采用特定的格式,该请求是一个包含的对象query,variables因此可以将其传递到 GraphQL。

由于这是 Shopify 请求的标准格式,我们可以向我们的函数添加一个参数来反映此结构以保持一致。

如果你想知道为什么会JSON.stringify调用这个函数,那是因为当向服务器发送请求时,发送的请求不能包含像对象这样的复杂数据结构。因此,对象通常会变成字符串(稍后由接收端解析)。

要完成对 Shopify 的请求,我们需要做的最后一件事是采用 JavaScript Promise 并将响应解析为 JSON,并将其作为函数的输出返回。

这样,函数就完成了!但是由于会发生错误,有时我 哈萨克斯坦whatsapp数据 会得到空结果,因此我们将添加一些条件和 try / catch 块来处理这些情况。

您可以在此处找到该项目的文件。

现在我们已经能够对 Shopify 进行身份验证,用户需要做的第一件事就是查看所有可用的产品以及可能与它们相关的任何变体。

让我们首先使用调用我们的函数并返回标准响应/netlify/functions/get-product-list.js的基本包装器创建一个无服务器函数。postToShopify.js

首先,您可能注意到我们将 GraphQL 查询作为带缩进的字符串传递。这样做的原因是为了提高可读性,而不是因为编程语法要求。

一旦您看到“成功!”消息,您的站点就可以部署了。下面列出了一些后续步骤,git push以触发部署或运行ntl open​​以打开新站点的仪表板。