Shopify通过customerAccessToken获取客户数据时GraphQL报错排查

我来帮你梳理下问题所在，主要是几个代码误用和不必要的操作导致的这个错误：

核心问题点 #

1. 把Query当成Mutation调用了 #

你的getCustomerFromToken是一个GraphQL查询（Query），但你却用了Apollo客户端的mutate()方法——这个方法是专门用来执行**变更操作（Mutation）**的。Apollo对Query和Mutation的变量处理逻辑不同，这直接导致了变量解析失败。

2. 变量结构和Query定义不匹配 #

你的Query明确定义了接收$customerAccessToken: String!这个变量，但你在调用时把它包裹在了input对象里。Shopify的customer查询不需要input包装，直接传递token字符串即可。

3. 不必要的base64编码（btoa） #

Shopify通过customerAccessTokenCreate返回的accessToken本身就是可直接使用的有效字符串，不需要用btoa做base64编码——编码后的字符串会变成无效的token值，触发变量无效错误。

修正后的代码 #

调整后的Apollo调用代码 #

this.apollo.query({ 
  query: getCustomerFromToken, 
  variables: { 
    customerAccessToken: '217b9a6952c28eb4db376487a6301294' // 直接用原始token，无需编码
  }, 
})

你的GraphQL Query无需修改（确认正确） #

query getCustomerFromToken($customerAccessToken: String!) { 
  customer(customerAccessToken: $customerAccessToken) { 
    id 
    addresses(first: 5) { 
      edges { 
        node { 
          address1 address2 company city province zip country phone 
        } 
      } 
    } 
    orders(first: 200) { 
      edges { 
        cursor 
        node { 
          id 
          totalPriceV2 { amount currencyCode } 
          processedAt orderNumber 
        } 
      } 
    } 
  } 
}

额外排查方向 #

如果修正后仍然报错，可以检查这些点：

• Token有效性：确认使用的accessToken没过期（参考登录返回的expiresAt字段），过期的话需要重新调用customerAccessTokenCreate获取新token。
• 应用权限：确保你的Shopify应用已经申请了read_customers权限，无权限会返回相关错误。
• Token格式：检查token字符串是否有额外的空格、换行或转义字符，这些都会导致变量无效。

内容的提问来源于stack exchange，提问作者kneeki