从 React 移动应用程序为 Shopify 设置 Checkout Rest API答案

【问题标题】：Setup Checkout Rest API for Shopify from react mobile app从 React 移动应用程序为 Shopify 设置 Checkout Rest API
【发布时间】：2021-01-30 03:51:18
【问题描述】：

我是shopify的新手，谁能帮我设置shopify的结账API。我正在使用 API 创建一个对 shopify 网站做出反应的移动应用程序。我尝试了 shopify 文档中的那个，但它返回了一些错误。

帖子：https://{apikey}:{password}@{hostname}/admin/api/2020-10/checkouts.json

正文原始 json

    {
        "checkout": {
            "line_items": [
                {
                    "product_id": 5584792125605,
                    "variant_id": 35877399986341,
                    "quantity": 1
                }
            ]
        }
    }

标题

X-Shopify-Access-Token : 店面访问令牌

回应

    {
        "errors": "[API] Invalid API key or access token (unrecognized login or wrong password)"
    }

但是我已经正确地提供了 API 密钥和访问令牌。还有什么我应该做的（我在邮递员中测试过）

【问题讨论】：

标签： react-native shopify rest

【解决方案1】：

使用 react native，你必须像这样在 Header 中提供 apikey 和密码。

  getShopifyOrders = () => {
    let authorization = base64.encode(
      '${Constants.Shopify.key}:${Constants.Shopify.password}'
    );
    fetch(
      'https://${Constants.Shopify.admin_url}/admin/api/2021-04/orders.json',
      {
        method: "get",
        headers: new Headers({
          Authorization: 'Basic ${authorization}',
        }),
      }
    )
      .then((response) => response.json())
      .then((json) => {
        console.log(json);
      })
      .catch((error) => {
        console.error(error);
      });
  };

使用Constants.Shopify.key = 'Your_api_key' 和Constants.Shopify.password = 'Your_password'

注意：在此代码中，您必须将 ' 替换为 backsticks ;)

【讨论】：