Shopify 新手开发Function应用教程(2026)(五)

上一篇,我们学习了如何把app安装到我们的店铺里,那么这篇我们开始学习如何验证我们的app是否生效了

1.按照正常流程

我们在使用AI生成代码时,到这一步,AI会和我们这样说

激活 Function

部署后,在 Shopify Admin 中:

  1. Settings → Checkout → Customizations
  2. 找到 Cart transforms 部分
  3. 点击 Add cart transform
  4. 选择你的 cart-price-transform Function
  5. 点击 Turn on

但是,我们实际在对应的目录中,是找不到所谓的function应用的

2.在后台找不到function应用激活按钮的原因

因为Cart transforms应用是通过GraphiQL 代码是激活的,需要安装一个GraphiQL 的应用,利用GraphiQL 语言来激活

https://shopify.dev/docs/api/usage/api-exploration/admin-graphiql-explorer

安装GraphiQL应用后

我们在GraphiQL中输入以下的代码

query {
  shopifyFunctions(first: 50, apiType: "cart_transform") {
    nodes {
      id
      apiType
      title
      app {
        title
      }
    }
  }
}

找到我们安装的function应用,把ID记录下来,然后运行激活代码

mutation {
  cartTransformCreate(functionId: "把上个代码查询的ID填入这里") {
    cartTransform {
      id
      functionId
    }
    userErrors {
      field
      message
    }
  }
}

这时候,我们再去Settings → Checkout → Customizations,你会发现function应用已经显示激活了

ok,至此,整个function应用的开发流程就完成了,下面是验证function应用是否生效

打开你的店铺的代码,找到添加到购物车的表单,添加隐藏表单

然后在前端添加一个商品进购物车,如果在购物车中,商品的价格变成value的值,说明function应用成功了。反之,就是失败了。

如果不确定为何失败,那么在我们安装完function应用后,比如我们这个插件使用的是cart.transform.run,我们每次添加商品进购物车时,都会触发这个funtion,所以回到我们的合作者伙伴的后台中,我们是可以看到对应的日志的

在后台中,是可以看到报错的,如果是成功的,则是这样的

OK,如果我们的报错了,那么回到代码中,修改完代码后,运行
shopify app deploy

重新部署即可更新了

0 0 投票数
文章评分
0 评论
最旧
最新 最多投票
内联反馈
查看所有评论