如何为Shopify实现客户登录事件的Webhook以获取客户ID？

因为Shopify没有内置的客户登录Webhook，下面是几个可行的实现思路：

1. 监听主题前端登录事件并上报 #

Shopify主题的JavaScript环境会在客户登录成功时触发customer_login事件，你可以在主题模板（比如theme.liquid）中添加自定义代码捕获这个事件，拿到客户ID后发送到你的应用后端：

document.addEventListener('customer_login', function(event) {
  const customerId = event.detail.customer.id;
  // 发送到你的应用后端
  fetch('https://your-app-domain.com/customer-login', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'X-Shopify-Shop-Domain': Shopify.shop
    },
    body: JSON.stringify({ customer_id: customerId })
  });
});

注意：需要确保主题允许添加自定义脚本，部分Shopify Plus店铺可能需要额外配置权限。

2. 通过Session Token解析客户ID #

客户登录后，Shopify会在前端生成Session Token（JWT格式），你可以获取这个token并解码得到客户ID：

前端获取并上报 #

// 获取Session Token
Shopify.getSessionToken().then(token => {
  // 解码JWT（前端可使用jwt-decode库，或直接发送到后端解码）
  const payload = JSON.parse(atob(token.split('.')[1]));
  const customerId = payload.customer_id;
  // 发送到后端
  fetch('https://your-app-domain.com/customer-login', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'X-Shopify-Shop-Domain': Shopify.shop
    },
    body: JSON.stringify({ customer_id: customerId })
  });
});

后端解码验证 #

如果不想在前端解码，也可以直接把token发送到后端，用Shopify的公钥验证并解码，确保数据真实性，避免伪造请求。

3. 利用客户账户页面的自定义逻辑 #

如果你的应用需要和客户账户页集成，可以在account.liquid模板中添加代码，当客户访问账户页（仅登录后可进入）时，直接获取当前客户ID并上报：

{% if customer %}
<script>
  const customerId = "{{ customer.id }}";
  fetch('https://your-app-domain.com/customer-login', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'X-Shopify-Shop-Domain': "{{ shop.domain }}"
    },
    body: JSON.stringify({ customer_id: customerId })
  });
</script>
{% endif %}

注意事项 #

• 所有上报请求都要验证请求来源的店铺域名，避免恶意请求。
• 若开发的是公共应用，安装时需获取read_customers权限，确保后端能验证客户数据的合法性。
• 测试时可使用Shopify开发店铺模拟登录，检查是否能正确捕获客户ID。

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