Shopify 应用从外部 API 发送 POST 请求的常见问题解决方案

2024-03-17 12:40:15

解决 Shopify 应用从外部 API 发送 POST 请求时遇到的问题

简介

Shopify 应用的开发人员在使用 Shopify 向外部服务发送 POST 请求时经常会遇到问题。这些问题通常是由于 GET 请求意外发送到只接受 POST 请求的外部 API 引起的。这会导致外部 API 返回“405 方法不被允许”的响应。

诊断问题

要诊断问题，首先要确认 Shopify 应用的服务器端代码可以正确处理 POST 请求，并且对非 POST 请求做出适当的响应。接下来，检查客户端是否使用带有 JSON 正文的 fetch 方法发送 POST 请求。最后，检查触发 Shopify 应用 POST 请求的方式，是否存在配置错误。

可能的解决方法

有几种方法可以解决 Shopify 应用从外部 API 发送 POST 请求时遇到的问题。一种方法是检查外部 API 的 URL 和端点是否正确。另一种方法是使用第三方 HTTP 请求库（例如 Axios）发送 POST 请求。最后，如果问题仍然存在，请查看 Shopify API 文档和相关论坛，以寻求其他可能的解决方案。

代码示例

以下是一个使用 fetch 方法发送 POST 请求的代码示例：

function sendProductsToMyServer(products, token) {
  const data = {
    documentDatas: JSON.stringify(products),
    token,
    source: 'SHOPIFY',
  };

  const requestOptions = {
    method: "POST",
    headers: {
      "Content-Type": "application/json",
    },
    body: JSON.stringify(data),
  };

  fetch("https://mynextjsserver/api/document/source", requestOptions)
    .then((response) => {
      if (response.ok) {
        // Handle success
      } else {
        // Handle error
      }
    })
    .catch((error) => {
      // Handle error
    });
}